<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IFE ECMAScript</title>
</head>
<body>
<input id="first-number" type="number" value="1" placeholder="第一个数字"><input id="second-number" type="number" value="0" placeholder="第二个数字"><button id="add-btn">加</button><button id="minus-btn">减</button><button id="times-btn">乘</button><button id="divide-btn">除</button>
<p id="result">
运算结果
</p>
<script>
document.getElementById("add-btn").onclick = function(){
document.getElementById("result").innerHTML=(document.getElementById("first-number").value-0)+(document.getElementById("second-number").value-0);
}
document.getElementById("minus-btn").οnclick=function(){
document.getElementById("result").innerHTML=(document.getElementById("first-number").value-0)-(document.getElementById("second-number").value-0);
}
document.getElementById("times-btn").οnclick=function(){
document.getElementById("result").innerHTML=(document.getElementById("first-number").value-0)*(document.getElementById("second-number").value-0);
}
document.getElementById("divide-btn").οnclick=function(){
document.getElementById("result").innerHTML=(document.getElementById("first-number").value-0)/(document.getElementById("second-number").value-0);
}
</script>
</body>
</html>
当为除法时,被除数为0,输出结果为 Infinity