效果圖：
首先，我們在body中制作頁面需要的這些元素
<body> <input type="text" id="ipt1"> <select name="" id="slt"> <option html' target='_blank'>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教程）
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>相關視頻教程推薦：javascript視頻教程
以上就是js如何實現簡易計算器的詳細內容，更多請關注武林網其它相關文章！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
新聞熱點
疑難解答
