本文實例講述了JavaScript實現簡單的四則運算計算器。分享給大家供大家參考，具體如下：
運行效果圖如下：
完整實例代碼如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>computer</title> <script> function compute(){ str1=Number(document.getElementById("txt1").value); str2=Number(document.getElementById("txt2").value); comp=document.getElementById("select").value; var result; switch(comp) { case "+": comp=str1+str2; break; case "-": comp=str1-str2; break; case "*": comp=str1*str2; break; case "/": if(str2==0){ alert("除數不能為0！"); comp=''; }else{ comp=str1/str2; } break; } document.getElementById("result").value=comp; } </script></head><body> <input type="text" id="txt1"/> <select name="method" id="select"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="txt2"/> <input type="button" id="b1" value="等于" onclick="compute()" /> <input type="text" id="result"/></body></html>PS：這里再為大家推薦幾款計算工具供大家進一步參考借鑒：
在線一元函數（方程）求解計算工具：
http://tools.VeVB.COm/jisuanqi/equ_jisuanqi
科學計算器在線使用_高級計算器在線計算：
http://tools.VeVB.COm/jisuanqi/jsqkexue
在線計算器_標準計算器：
http://tools.VeVB.COm/jisuanqi/jsq
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript數組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
