<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>整数1:<input id="num1" type="text"></p>
<p>整数2:<input id="num2" type="text"></p>
<p>
<input type="button" value="相加" onclick="calc(add)" />
<input type="button" value="相减" onclick="calc(mul)" />
<input type="button" value="相乘" onclick="calc(sub)" />
<input type="button" value="相除" onclick="calc(div)" />
</p>
<p>结果:<input id="result" type="text" read-only></p>
<script type="text/javascript">
function calc(f1){
var result =document.getElementById('result');
var num1 =parseInt(document.getElementById('num1').value);
var num2 =parseInt(document.getElementById('num2').value);
if(isNaN(num1)||isNaN(num2)){
alert("请输入数字");
return false;
}
result.value=f1(num1,num2);
}
function add(m1,m2){
return m1+m2;
}
function mul(m1,m2){
return m1-m2;
}
function sub(m1,m2){
return m1*m2;
}
function div(m1,m2){
return m1/m2;
}
</script>
</body>
</html>
JavaScript网页计算器 实现加减乘除简单功能