當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript简单计算器
生活随笔
收集整理的這篇文章主要介紹了
JavaScript简单计算器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?演示：
演示地址
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>計算器</title> </head> <body> <!--頁面布局--> <input type="text" id="num1" placeholder="請輸入第一個數字"/> <input type="text" id="operator" placeholder="請輸入運算符"> <input type="text" id="num2" placeholder="請輸入第二個數字"/> <input type="button" onclick="count()" value="計算"/><br/> <span>計算結果：</span><span id="result"></span><!--JavaScript--> <script>function count() {var num1 = document.getElementById("num1").value;var num2 = document.getElementById("num2").value;var operator = document.getElementById("operator").value;var num = "";//判斷輸入的兩個數字是否為數字,如果為數字，返回結果為falsevar num1 = parseFloat(num1);var num2 = parseFloat(num2);var isNotNumber = isNaN(num1) || isNaN(num2);if (!isNotNumber) {switch (operator) {case "+":num = num1 + num2;break;case "-":num = num1 - num2;break;case "*":num = num1 * num2;break;case "/":if (num2 == 0) {// 除數不能為0alert("除數不能為0");} else {num = num1 / num2;break;}default:alert("請輸入正確的運算符！！！");}num = num.toFixed(2);document.getElementById("result").innerText = num;} else {alert("請輸入數字！！！")}} </script> </body> </html>運行效果：
測試結果：
總結
以上是生活随笔為你收集整理的JavaScript简单计算器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： javascript 实现简单计算器
- 下一篇： JavaScript计算器