【javascript】promptで空白スペース入力・入力キャンセル時の処理について

Question

ユーザーに年齢を入力してもらい、内容に応じて
メッセージを表示させようとしています。
＜区分＞
20未満：未成年
60以上：高齢者
上記以外：成人

コードを書いたのですが
下記の場合でも「成人」と表示されます。
１.空白スペースが入力されている場合
２.一度何らかの値を入力した後、キャンセルした場合

これらが入力された場合、それぞれ
１.「年齢は入力必須項目です」と表示
２.（何も起こらない）
としたいのですが、コードをどのように修正したらよいかヒントが欲しいです。

//ユーザー入力
let nenrei = prompt('年齢を入力してください');
let age = parseInt(nenrei, 10);

//数値かどうかチェック
if(!isNaN(nenrei)){

    //空欄だった場合
    if( nenrei === ''){
      console.log('年齢は入力必須項目です');

    } else if( age < 20){
            console.log('あなたは未成年です');     //20未満
          } else if( age >= 60){
            console.log('あなたは高齢者です');     //60以上
    }
    else
    {
      console.log('あなたは成人です');            //20以上、60未満
    }

} else {
  console.log('年齢は半角数字で入力してください');  //数値以外のものが入力された場合
}

よろしくお願いします。

Answer 1

問題になる点が2つあります。

• promptはキャンセル時に、nullという値を返します。
• isNaN(' ')は、falseになってしまいます（MDN）。

ということで、

• キャンセル時の処理としては、promptの直後でif(nenrei === null) return;と抜けてしまえばいいでしょう。
• 「正しく数字が入力された」ことの判定にisNaNは使えません。/^\d+$/.test(nenrei)のように文字列に正規表現でチェックをかけるか、age + '' === nenreiのように数値変換したものを文字列に戻して一致するか再判定するなどをしましょう。

Comments

[Likita]

回答ありがとうございました。
やってみます。