本文实例为大家分享了js简单计算器的实现代码,供大家参考,具体内容如下
1.html代码
<input type=\"text\" name=\"\" id=\"txt-num1\">//输入第一个数
<select id=\"dropdown\">
<option value=\"+\">+</option>
<option value=\"-\">-</option>
<option value=\"*\">*</option>
<option value=\"/\">/</option>
</select>//下拉菜单,让用户选择自己需要的运算符
<input type=\"text\" name=\"\" id=\"txt-num2\">//输入第二个数
<button type=\"\" id=\"btn\">=</button>//当点击等于时就会输出结果
<input type=\"\" name=\"\" id=\"txt-result\">//结果存储在这里
2.JS代码
< type=\"text/ \">
var btn_result=document.getElementById(\'btn\');//获取等号的ID
var num1=document.getElementById(\'txt-num1\');//获取第一个数的ID
var num2=document.getElementById(\'txt-num2\');//获取第二个数的ID
var result=document.getElementById(\'txt-result\');//获取结果ID
var drop=document.getElementById(\'dropdown\');//获取下拉菜单ID
btn_result. =function(){//这句代码的意思是两个数的运算全是等号引起的,当点击等号时就会使两个数值进行运算
var v1=parseFloat(num1.value);//把num转化为数值型 string------>number
var v2=parseFloat(num2.value);
var v3=drop.value;//用v3 来存储下拉菜单的值
var num;///num用于接收两数的运算结果
switch(v3){//判断用户选的是哪种运算符,并进行运算
case \"+\":
num=v1+v2;
break;
case \"-\":
num=v1-v2;
break;
case \"*\":
num=v1*v2;
break;
case \"/\":
num=v1/v2;
break;
default:
num=v1+v2;
break;
}
result.value=num;//把结果保存到result中
}
</ >
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
上一篇 :
网站代码该这样优化?
-
菜鸟如何在阿里云快速建站(pc站+手机站+公众号+小程序)
2026-05-19栏目: 教程
-
ansible--copy与fetch模块
2026-05-19栏目: 教程
-
Elasticsearch Bucket聚合(桶聚合) 第一篇(常用桶聚合一览)
2026-05-19栏目: 教程
-
ansible安装
2026-05-19栏目: 教程
-
ansible--user和group模块用户创建及删除
2026-05-19栏目: 教程
