JavaScriptのinnerHTMLの動作

Question

独学でJavaScriptをしている者です。
初めて2週間で全くの初心者です。

下記のコードで例えば51を入力すると、“not good“というステートメントがアラートボックスに表示されるのは何故ですか。　私は“not good abc“が表示されると思ったのですが。

<input id=“number” value=“0” /> <button onclick=“numberCheck( )”> Enter the number.</button> <p id=“check”></p> <script type=”text/javascript“> function numberCheck( ) { var number, check; number=document.getElementById(”number“).value; check= (number >= 50) ? ”good“ : “not good”; document.getElementById(“check”).innerHTML = check + “ abc”; } </script>

Comments

[RiaFeed]

ソースコードはちゃんと貼り付けてください
アラートボックスを表示するコードはないようですが
51と入力したらgood abcとIDがcheckのP要素に出力されましたが

[yambejp]

クォーテーションがおかしいのは大丈夫ですか？

[kosuke300]

申し訳ありません。
テキストのコードを添付しましたのでご覧になってください。

[kosuke300]

問題文が英語で申し訳ありません。

この問題の回答が正しいのかが良く分かりません。

Answer 1

全角の５１を入力するとnot goodです。
半角の51を入力するとgoodになります。

Comments

[kosuke300]

教えていただきありがとうございます。

すると写真の問題のコードは半角の25を入力すると、回答Cの ”You are old enough to rent a car from our car rental argency“がディスプレイに表示されると考えてよろしいでしょうか。

[skys215]

はい、そうです。

[kosuke300]

丁寧に説明していただき、本当にありがとうございました。

またよろしくお願いします。

Answer 2

流れ的にはあっていると思いますけど
ご入力を抑えるためにinputにtypeを指定する必要はあるかも

<script>
function numberCheck(){
  const num=number.value;
  const chk= num>=50?"good":"not good";
  check.textContent=chk+" abc";
}
</script>

<input id="number" type="number" value="0" />
<button onclick="numberCheck( )"> Enter the number.</button>
<p id="check"></p>

Comments

[kosuke300]

回答していただきありがとうございます。

inputにtype=“number”を指定しなかった場合は、入力した数値(半角/全角)が文字列として解釈されるのでしょうか。

Answer 3

valueで得た値は文字列だからだと思います。
number>=50実は"51">=50と比較したからです。

Comments

[kosuke300]

回答していただきありがとうございます。

51に限らず数字を入力した場合、全て文字列であると解釈されるのでしょうか？
それから、その場合にはinnerHTML= check+ “ abc”は出力されないのでしょうか？

[skys215]

typeof numberでnumberのタイプがわかります

[kosuke300]

回答していただき本当に助かります。
console.log( type number)= “string”という結果になるという事でしょうか。

では、入力した51を数値で check=(number >= 50) ? “good” : “not good” の部分に評価させるにはコードをどの様に書き変えたら良いでしょうか。