HTML5是一種被廣泛應用的新一代HTML語言,通過它可以更加便捷地創建網站和Web應用。其中,HTML5計算器代碼可以非常方便地被嵌入到網站中,提供給用戶快速計算功能。以下是一段HTML5電腦上計算器代碼。
<!DOCTYPE html> <html> <head> <title>簡易計算器</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <form name=myform> <input type=text name=one size=10> <select name=operator> <option value=+>+</option> <option value=->-</option> <option value=*>*</option> <option value=/>/</option> </select> <input type=text name=two size=10> <input type=button value="計算" onclick="calculate()"> <input type=text name=result size=10> </form> <script> function calculate() { var num1=parseFloat(document.myform.one.value); var num2=parseFloat(document.myform.two.value); var operator=document.myform.operator.value; switch(operator) { case '+':document.myform.result.value=num1+num2;break; case '-':document.myform.result.value=num1-num2;break; case '*':document.myform.result.value=num1*num2;break; case '/':document.myform.result.value=num1/num2;break; } } </script> </body> </html>
該計算器代碼包含一個表單,其內包含三個文本框和一個下拉列表框,分別用于輸入計算表達式的兩個數值和運算符,以及顯示結果。表單控件實現的計算邏輯是當用戶單擊“計算”按鈕時,執行calculate()函數,并獲取文本框中輸入的數值和運算符,通過switch語句進行對應的運算并將結果填入結果文本框。
通過HTML5計算器代碼,用戶可以非常方便地完成基本的數學運算。利用該功能,開發者可以為網站或Web應用提供更加便捷、高效的計算服務。