Question

我的计算中遇到了一些问题

<select name="ifin" id="ifin" class="form-control input-lg" required >
    <option selected disabled >Select Finishing</option>
    <option value="hpl">HPL</option>
    <option value="cat">Cat Duco</option>    
</select>

 <input class="form-control" type="number" placeholder="Panjang" min="1" id="ipanjang" name="pan" >
 <input class="form-control" type="number" placeholder="Tinggi" min="1" id="itinggi" name="ting">

如果我没有填写ipanjang和itinggi

，结果将为NaN

var e = (document.getElementById("ifin").value);
var panjang = parseFloat (document.getElementById("ipanjang").value);
var tinggi = parseFloat (document.getElementById("itinggi").value);
var ht = 2.0;
var hf = 0.0;
var total = 0.0;

if (e == "hpl") {
    hf = 0.0;
}
else if (e == "cat") {
    hf = 0.5;
}
else {
    hf = 0.0;
}
total = panjang * tinggi * ht + hf;

我可以删除它或提示他们应该填写输入吗？

我无法使用必需属性，因为我没有使用提交按钮。

Answer 1

var panjang = parseFloat(document.getElementById("ipanjang").value) || 0;
var tinggi = parseFloat(document.getElementById("itinggi").value) || 0;

parseFloat不要总是返回一个号码，它可以返回number，Infinity或NaN。（Reference）

JavaScript中的

||运算符：

var a = b || c;等于：var a = b ? b : c
var a = (b || c)，a将为true或false

如何在我的计算中删除NaN

1 个答案: