使用js实现简易计算器的代码分享
导读：本文共1356.5字符，通常情况下阅读需要5分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：本篇文章和大家了解一下使用js实现简易计算器的代码分享。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。效果图：首先，我们在body中制作页面需要的这些元素<body> <input type="text" id="ipt1"> <select name="" id="slt&q... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。本篇文章和大家了解一下使用js实现简易计算器的代码分享。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
效果图：
首先，我们在body中制作页面需要的这些元素
<body> <input type="text" id="ipt1"> <select name="" id="slt"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="ipt2"> <button id="btn">=</button> <input type="text" id="ipt3"></body>
上面的id你可随意起，好用就行。
javascript代码：
<body> <script> //获取页面标签的元素 var inpt1 = document.getElementById("ipt1"); var inpt2 = document.getElementById("ipt2"); var inpt3 = document.getElementById("ipt3"); var selt = document.getElementById("slt"); var butn = document.getElementById("btn"); //给等于按钮添加点击事件 butn.onclick = function(){ //将三个输入框的value值分别赋给变量t1,t2,t3中 var t1 = parseFloat(ipt1.value); var t2 = parseFloat(ipt2.value); var t3 = parseFloat(ipt3.value); //定义一个结果变量用于存放结果 var endValue; //用switch语句来写运算语句 switch(slt.value){ case "+": endValue = t1 + t2; break; case "-": endValue = t1 - t2; break; case "*": endValue = t1 * t2; break; case "/": endValue = t1 / t2; break; default: endValue = t1 + t2; break; } //将结果放入结果输入框的value值中，在页面上显示 inpt3.value = endValue; } </script></body>关于使用js实现简易计算器的代码就分享到这里了，当然并不止以上和大家分析的办法，不过小编可以保证其准确性是绝对没问题的。希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到
本文：
使用js实现简易计算器的代码分享的详细内容，希望对您有所帮助，信息来源于网络。