HTML5計算器是一款非常實用的工具,它可以用于網站和移動應用程序中,幫助用戶進行基本數學計算。下面是一段HTML5計算器的代碼:
<html> <head> <title>HTML5計算器</title> </head> <body> <h1>HTML5計算器</h1> <form> <input type="text" id="input" placeholder="0" /> <br> <button type="button" onclick="clearInput()">清零</button> <button type="button" onclick="calculate('+')">+</button> <button type="button" onclick="calculate('-')">-</button> <button type="button" onclick="calculate('*')">*</button> <button type="button" onclick="calculate('/')">/</button> <button type="button" onclick="calculate('=')">=</button> </form> <script> function clearInput() { document.getElementById("input").value = ""; } function calculate(operator) { var input = document.getElementById("input").value; var result = eval(input); if (operator == '=') { document.getElementById("input").value = result; } else { document.getElementById("input").value = operator; } } </script> </body> </html>
這段代碼包括一個包含五個按鈕和一個輸入框的表單。按鈕分別表示加、減、乘、除和等于操作符。當用戶單擊這些按鈕時,javascript函數calculate()會被調用。calculate()函數會使用eval()函數對輸入的數學表達式進行計算,并顯示結果。
這段代碼還包括一個清零按鈕。當用戶單擊這個按鈕時,javascript函數clearInput()會被調用,并且輸入框中的值會被清除。
這是一個非常簡單的HTML5計算器,但是它可以幫助用戶快速進行基本數學計算??梢愿鶕枰薷拇舜a以滿足具體要求。
上一篇html5計算倒計時代碼
下一篇html5計算器源代碼