编写网页计算器，首先用两个text文本框接收输入的两个值，然后通过触发按钮的单击事件，即触发calc()函数，传递实参（add、sub、mul或者div），实现相应的加减乘除运算，最后将结果显示在结果的这个文本框，该文本框的属性有只读（readonly），从而实现结果的获取。
通过获取两个文本框的数值，然后赋值给num1和num2。同时也会判断输入是否为数字，否则无法进行运算。
function calc(func){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 = func(num1,num2);}
加减乘都不用做太多介绍，主要是除法，因为我们知道，除数不能为零，所以我们需要加以说明：
function div(num1,num2){if(num2===0){alert('除数不能为0');return '';}return num1/num2;}
其余加减乘运算结果截图：
全部代码如下：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>网页计算器</title></head><body><p>整数1：<input id="num1" type="text"></p>//输入第一个数<p>整数2：<input id="num2" type="text" /> //输入第二个数<br /><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="readonly" /></p> //显示结果<script>function calc(func){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 = func(num1,num2);}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 '';}return num1/num2;}</script></body></html>
