0
点赞
收藏
分享

微信扫一扫

简易版计算器

星河出山 2022-03-30 阅读 104

这次我们来写一个简单的计算器案例 

代码部分

HTML部分

首先设置一个基本样式,把我们需要的“计算”按钮,“+-*/”四个计算符合,三个文本框准备好(两个用来输入数字进行计算,一个用来接收计算出来的结果),再为三个文本框和操作符写好id,方便后面使用

JavaScript部分

首先我们先获取“计算”按钮,再为它绑定点击事件,在点击事件里面获取操作符(op)和前面两个文本框(num1,num2)的内容属性取名为op,value1和value2,并且声明一个空值为sum用于接收计算结果;再用switch的方式来储存计算,如当选择“+”的时候sum = parsenInt(value1)+parsenInt(value2)在后面加上一个break,为的是不再继续执行以下代码并返回出结果,最后获取最后一个文本框(result)的属性用来接收计算结果(sum)

 

总结:这个案例html中我用到了input,button,select,这些标签,在js中运用了onclick点击事件和swtich()来实现简易计算器的运行,这次的案例还是挺简单的,所以有些简短,有些地方可能说明的不太清晰,请多多见谅。 

举报

相关推荐

0 条评论