javascript txtboxが空白の場合の処理

javascript
1<html>
2<head>
3</head>
4<body>
5<form name="zei">
6 <input type="text">単価<br>
7 <input type="text">数量<br>
8 <input type="button" value="計算" onclick="zeikomi()">
9</form>
10<script>
11const TAX_RATE = 0.1;
12function zeikomi(){
13    let cost = parseInt(document.zei.elements[0].value);
14    let num = parseInt(document.zei.elements[1].value);
15    let taxCost;
16    let totalCost;
17        taxCost = cost * TAX_RATE
18        totalCost = (cost + taxCost) * num;
19     if (cost.value==""){
20         alert ="データを入力してください";
21}
22    alert(totalCost);
23}
24 zeikomi();
25</script>
26</body>
27</html>

昨日質問をして解答をいただきました。
ところが実行すると　まずNanが表示されてしまうので以下の2行を追加してみました。

if (cost.value==""){
alert ="データを入力してください";

costの欄が空白だったら「データを入力してください」と表示させたいのですが、うまくいきません。どこに問題がありますか。
ご教授頂けるとありがたいです。

行動規範の内容に同意します

回答1件

ベストアンサー

costの欄が空白の時、変数costはNaNです。
NaNにvalueというプロパティはありません。エレメントと混同されているかと思います。
alertは関数ですから、呼び出すときはかっこをつけます。

js
1     if (cost.value==""){
2         alert ="データを入力してください";
3}

↓

js
1     if (isNaN(cost)){
2         alert("データを入力してください");
3}

投稿2020/02/22 02:06

Lhankor_Mhy

総合スコア36115

beginner001

2020/02/22 03:44

ご指摘ありがとうございました。直して実行してみましたところ、今度は空白のまま計算しても、数字を入れて実行してもうんともすんとも言いません。何かたりないのでしょうか？

Lhankor_Mhy

2020/02/22 03:59

ソースコードを書きましょう https://teratail.com/help/question-tips#questionTips3-5-1 エラーメッセージや実行ログをコピー&ペーストしましょう https://teratail.com/help/question-tips#questionTips3-4-2

beginner001

2020/02/23 04:03

失礼いたしました。下記のようにして実行しました。 <html> <head> </head> <body> <form name="zei"> <input type="text">単価<br> <input type="text">数量<br> <input type="button" value="計算" onclick="zeikomi()"> </form> <script> const TAX_RATE = 0.1; function zeikomi(){ let cost = parseInt(document.zei.elements[0].value); let num = parseInt(document.zei.elements[1].value); let taxCost; let totalCost; taxCost = cost * TAX_RATE totalCost = (cost + taxCost) * num; if (isNaN(cost)){ alert ="データを入力してください"; } alert(totalCost); } zeikomi(); </script> </body> </html>

Lhankor_Mhy

2020/02/23 04:51

ご解決、ということでいいのですか？

行動規範の内容に同意します