js计算器代码,简易型js计算器程序

发布时间:2020-07-20编辑:脚本学堂
分享一例js计算器代码,js简易计算器代码,只实现了加减乘除的基本功能,一起学习下。

例子,js计算器
 

复制代码 代码示例:
function test(){
   var txt1 = document.getElementById("txt1"),
   txt2 = document.getElementById("txt2"),
   txt3 = document.getElementById("txt3"),
   opt  = document.getElementById("sel");
   txt3.value =  eval(txt1.value + opt.value + txt2.value);//eval函数可计算某个字符串,并执行其中的的js代码
}
<input type="text" id="txt1" />
<select id="sel">
   <option value="+">+</option>
   <option value="-">-</option>
   <option value="*">*</option>
   <option value="/">/</option>
</select>
<input type="text" id="txt2" />
=
<input type="text" id="txt3" />
<input type="button" id="btn" value="计算" onclick="test()"/>