<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" placeholder="請輸入一個數字" /> <input type="text" pla ...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" placeholder="請輸入一個數字" />
<input type="text" placeholder="請輸入一個數字" />
<input type="button" value="button" />
</body>
<script type="text/javascript">
//用isNaN()判斷輸入的是不是數字
//獲取元素,得到一個數組
var inputs=document.getElementsByTagName("input");
inputs[2].onclick=function(){//事件綁定
//獲取數值並且轉換類型
var a=Number(inputs[0].value);
var b=Number(inputs[1].value);
if (isNaN(a)) {//用isNaN開始判斷,如果成立就是非數字
alert("您輸入的第一個數字有誤");
} else if(isNaN(b)){
alert("您輸入的第二個數字有誤");
}else{
alert(a+b);
}
}
</script>
</html>