用php js怎么编写计算器,js编写简易的计算器

本文实例为大家分享了js编写简易计算器的具体代码,供大家参考,具体内容如下

使用绑定时间触发 加减乘除

加:

911a7c9a53f946b92fac6fcbd0472e91.png

减:

7db94ffd25f061c0b0ce6ea034c46aad.png

乘:

d77fb6ecbbc23cf84e77e8e5542988df.png

除:

3dcd6d53cd9ffe4c7acd9a8824a9a5d5.png

源代码:

第一个数:

+

-

*

/

第二个数:

计算结果:

var x1=document.getElementById("num1");

var x2=document.getElementById("num2");

var x3=document.getElementById("result");

addEventListener("click",function(event){

var obj = event.target; //指向事件源

var v=obj.innerHTML; //获取事件

if(isNaN(x1.value) || isNaN(x2.value)){

alert("不能为非数字!");

}

if(v=="+"){

if(x1.value=="" || x2.value==""){alert('输入框不能为空!');}

x3.value = parseFloat(x1.value) + parseFloat(x2.value); }

if(v=="-"){

if(x1.value=="" || x2.value==""){alert('输入框不能为空!');}

x3.value = parseFloat(x1.value) - parseFloat(x2.value); }

if(v=="*"){

if(x1.value=="" || x2.value==""){alert('输入框不能为空!');}

x3.value = parseFloat(x1.value) * parseFloat(x2.value); }

if(v=="/"){

if(x1.value=="" || x2.value==""){alert('输入框不能为空!');}

if(x2.value==0){alert("除数不能为0!")}

x3.value = parseFloat(x1.value) / parseFloat(x2.value); }

})

更多计算器功能实现,请点击专题: 计算器功能汇总 进行学习

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值