JavaScript网页计算器

<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(sub)">
<input type="button" value="相乘" onclick="calc(mul)">
<input type="button" value="相除" onclick="calc(div)">
</p>
<p>结果： <input id ="result" type="text" readonly></p>
		
<script>
	function calc(func){
		var result = document.getElementById('result');//用于返回id为result的元素对象
		var num1 = parseInt(document.getElementById('num1').value);//21-26获取并转换用户输入的数据，保证参与运算的都是整数，当转换后的数据是NaN时给出提示信息，并停止脚本继续运行
		var num2 = parseInt(document.getElementById('num2').value);
		if(isNaN(num1) || isNaN(num2)){
			alert('请输入数字');
			return false;
		}
		result.value = func(num1,num2);//用于调用指定的函数（如add，sub 等）并将结果显示到指定的区域中
	}
			
	function add(num1,num2) {//加法
		return num1+num2;
	}
	function sub(num1,num2) {//减法
		return num1-num2;
	}
	function mul(num1,num2) {//乘
		return num1*num2;
    }
	function div(num1,num2) {//除
		if(num2 ===0){
			alert("除数不能为0");
			return '';
					
		}
	// document.write(parseFloat(num1/num2));
		return num1/num2;
	}
</script>

效果