js实现简易计算器功能

制作能进行加减乘除的简易计算器，主要是练习动态注册事件。因以练习为主，所以包含了较多基础方法。

效果图

代码

！DOCTYPE html html head meta charset=' utf-8 ' title简易计算器/title脚本类型=' text/JavaScript '窗口。onload=function(){ document。onclick=function(){ var ipts=document。getelementsbytagname(' input ')；for(var I=0；i ipts.lengthi ) {//得到值和符号if (ipts[i]).type==' text '){ switch(I){ case 0: num 1=ipts[I].价值；num1=数字(num 1)；打破；案例1: opt=ipts[i].价值；打破；案例2: num2=ipts[i].价值；num2=数字(num 2)；打破；} } } var res//结果开关（可选){//通过得到的值和符号进行计算案例' : res=num1 num2打破；大小写'-' : RES=num 1-num 2；打破；大小写' * ' : res=num1 * num2打破；case '/: RES=num 1/num 2；打破；} var r=文档。getelementbyid(' result ')；r . value=RES } }/脚本/头体输入类型=“文本”输入类型=“文本”输入类型='text'=输入类型='text' id='result '输入类型='按钮'值='计算id='btn' /body/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。