网页计算器
* - 编写HTML页面,两个文本框用于输入数据,4个按钮用于完成加减乘除运算,最后一个文本框显示计算结果。
* - 编写calc()函数,获取并转换输入的数据,判断,不合法给出提示,调用指定函数完成相关计算。
* - 编写函数,实现加、减、乘、除运算。
<script>
/*
* 网页计算器
* - 编写HTML页面,两个文本框用于输入数据,4个按钮用于完成加减乘除运算,最后一个文本框显示计算结果。
* - 编写calc()函数,获取并转换输入的数据,判断,不合法给出提示,调用指定函数完成相关计算。
* - 编写函数,实现加、减、乘、除运算。
*/
function calc() {
var _num1 = +document.getElementById('num1').value,
_num2 = +document.getElementById('num2').value,
_ufunc = document.getElementById('ufunc').value,
_outnum = document.getElementById('outnum');
if (isNaN(_num1) || isNaN(_num2)) {
alert('请输入正确的数字');
return false;
}
var result;
switch (_ufunc) {
case 'add':
result = add(_num1, _num2);
break;
case 'sub':
result = sub(_num1, _num2);
break;
case 'multi':
result = multi(_num1, _num2);
break;
case 'modulo':
result = modulo(_num1, _num2);
break;
case 'mod':
result = mod(_num1, _num2);
break;
default:
break;
}
_outnum.value = result;
}
function add(_num1, _num2) {
return _num1 + _num2;
}
function sub(_num1, _num2) {
return _num1 - _num2;
}
function multi(_num1, _num2) {
return _num1 * _num2;
}
function modulo(_num1, _num2) {
if (_num2 === 0) {
alert('除数不能为0');
return '';
}
return _num1 / _num2;
}
function mod(_num1, _num2) {
if (_num2 === 0) {
alert('取余数不能为0');
return '';
}
return _num1 % _num2;
}
</script>
运行结果是:
运算符号可以选择,点击等号输出结果。