JavaScript form入力 03 入力値の利用(制限1)

前記事で作成した JavaScript に関して
実行結果が

足し算 = NaN

となった場合、その理由を考えます。

とウェブサイト上に表示されていると思います。
このサイト上の 入力値1 に 半角数字で 5 と入力して
このサイト上の 入力値2 に 全角数字で 8と入力して 関数実行をクリックすると

足し算 = NaN とウェブサイト上の表示が変更されます。



ここで表示された NaN とは、
計算結果のエラーを意味しています。

言葉で考えてみましょう。

(半角数字の 5 ) + (全角数字の 8 ) =?
と聞かれたら、あなたならなんと答えますか?13?


JavaScript にとっては、半角と全角数字が混ざったら 計算できないのです。
だから NaN と表示されたのです。


プログラムを書いていると
人間にとっては当たり前の結果がもたらされないことが多々あります。


プログラムが馬鹿だからではありません。

強いていうなら、
プログラムに命令を出す人間=自分が馬鹿だから、思うような結果にならないのです。涙


プログラムは上手くいくまで頑張って修正する。
それが当たり前ですので、上手く結果が出るまで 諦めないで頑張りましょう。