如果輸入的內容有一個不是數(shù)字時輸出為NaN如何解決
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>計算器</title>
<style type="text/css">
#bg{
width: 500px;
height: 500px;
margin: auto;
color: green;
}
</style>
<script type="text/javascript">
function deng(){
//獲取第一個數(shù)值并轉換為數(shù)字類型
var a=parseInt(document.getElementById("number1").value);
//獲取下拉列表中的運算符號
var b=document.getElementById("math").value;
//獲取第二個數(shù)值并轉換為數(shù)字類型
var c=parseInt(document.getElementById("number2").value);
var d;
if(!(isNaN(a)&&isNaN(c))){
//判斷輸入的的值是不是數(shù)字,當兩個輸入值都為數(shù)字時生效
if(b=="+"){
d=a+c;
}else if(b=="-"){
d=a-c;
}else if(b=="*") {
d=a*c;
}else if((b=="/")&&(c!=0)){
d=a/c;
}else if((b=="/")&&(c==0)) {
alert("除數(shù)不能為0");
}alert(d);
}else{
//當輸入的數(shù)值不是數(shù)字時需要重新輸入
alert("請輸入數(shù)字");
}
}
</script>
</head>
<body>
<div id="bg">
<span>請輸入數(shù)字1
<input id="number1" type="text" size="10" name="number1" value="" />
<br/></span>
<!-- 通過下拉選項實現(xiàn)運算符的選擇 -->
<span>請選擇運算符號
<select id="math">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<br/></span>
<span>請輸入數(shù)字2
<input id="number2" type="text" size="10" name="number2" value="" />
<br/></span>
<!-- 通過點擊結果按鈕調用function函數(shù) -->
<input id="deng" type="button" name="deng" value="結果" onclick="deng()"/>
</div>
</body>
</html>
2016-01-09
做校驗哦
2016-01-08
如果輸入的內容有一個不是數(shù)字時輸出為NaN如何解決