为了账号安全,请及时绑定邮箱和手机立即绑定

用纯JS写个小型的计算器

用纯JS写个小型的计算器

收到一只叮咚 2018-08-09 14:14:52
我想要另外一种方法写出一个计算器的功能,和以往的方式不一样,想问问各位大神,如何实现。以下是代码:<!DOCTYPE html><html><head><title> 事件</title> <script type="text/javascript">function count(){   //获取第一个输入框的值var firstValue = document.getElementById("txt1").value;//获取第二个输入框的值var secondValue = document.getElementById("txt2").value;//获取选择框的值var thirdValue = document.getElementById("fruit");//获取通过下拉框来选择的值来改变加减乘除的运算法则var selectValue = document.getElementById("select").value;//设置结果输入框的值 thirdValue.value = parseInt(firstValue)+selectValue+parseInt(secondValue);//就是上面这句代码无法实现他们的拼接并且进行运算</script> </head> <body><input type='text' id='txt1' /> <select id='select'>    <option value='+'>+</option>     <option value="-">-</option>     <option value="*">*</option>     <option value="/">/</option></select><input type='text' id='txt2' /> <input type='button' value=' = ' onclick = "count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='fruit' /> </body></html>
查看完整描述

1 回答

?
智慧大石

TA贡献1946条经验 获得超3个赞

selectValue 获取的是字符串 不会进行表达式运算而会当作字符串拼接
你可以使用 eval 或者 Function

查看完整回答
反对 回复 2018-09-27
  • 1 回答
  • 0 关注
  • 597 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信