用JavaScript编写网页计算器

2024-07-06 00:21| 来源: 网络整理| 查看: 265

编写网页计算器，首先用两个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; }

其余加减乘运算结果截图：

全部代码如下：

网页计算器

整数1：

//输入第一个数

整数2： //输入第二个数

//加减乘除四个按钮

结果：

//显示结果 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; }

【本文地址】

公司简介

联系我们