隨著Web技術的不斷發展,現在開發一個簡單的計算器已經不再像以前那樣需要使用傳統的C語言或者Java語言等編程語言來完成。利用HTML和JavaScript技術就可以輕松實現。以下是一個簡單的示例。
<html> <head> <script> // 計算器核心代碼 function calculate() { var num1 = parseFloat(document.getElementById("num1").value); // 獲取第一個數字 var num2 = parseFloat(document.getElementById("num2").value); // 獲取第二個數字 var operator = document.getElementById("operator").value; // 獲取運算符 var result; // 定義結果 // 判斷運算符,進行計算 switch (operator) { case "+": result = num1 + num2; break; case "-": result = num1 - num2; break; case "*": result = num1 * num2; break; case "/": result = num1 / num2; break; } // 顯示結果 document.getElementById("result").value = result; } </script> </head> <body> <form> 第一個數字: <input type="text" id="num1"><br> 運算符: <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select><br> 第二個數字: <input type="text" id="num2"><br> <input type="button" value="計算" onclick="calculate()"> <input type="text" id="result"> </form> </body> </html>
以上代碼中,我們通過JavaScript實現了計算器的核心代碼,通過HTML定義了用戶輸入和顯示結果所需的輸入框和按鈕等。運行示例,用戶可通過選擇運算符和輸入數字來進行簡單的加、減、乘、除運算,并在下方的輸入框中得到計算結果。