HTML5制作計算器代碼,可以幫助網站實現簡單的計算功能。以下是一個基本的計算器代碼:
<html> <head> <title>計算器</title> </head> <body> <form name="calc"> <input name="txt" type="text" size="16"> <br><br> <input name="btn1" type="button" value="1" onClick="calc.txt.value+='1'"> <input name="btn2" type="button" value="2" onClick="calc.txt.value+='2'"> <input name="btn3" type="button" value="3" onClick="calc.txt.value+='3'"> <input name="add" type="button" value="+" onClick="calc.txt.value+='+'"><br> <input name="btn4" type="button" value="4" onClick="calc.txt.value+='4'"> <input name="btn5" type="button" value="5" onClick="calc.txt.value+='5'"> <input name="btn6" type="button" value="6" onClick="calc.txt.value+='6'"> <input name="sub" type="button" value="-" onClick="calc.txt.value+='-'"><br> <input name="btn7" type="button" value="7" onClick="calc.txt.value+='7'"> <input name="btn8" type="button" value="8" onClick="calc.txt.value+='8'"> <input name="btn9" type="button" value="9" onClick="calc.txt.value+='9'"> <input name="mul" type="button" value="*" onClick="calc.txt.value+='*'"><br> <input name="btn0" type="button" value="0" onClick="calc.txt.value+='0'"> <input name="clr" type="button" value="C" onClick="calc.txt.value=''"> <input name="calculate" type="button" value="=" onClick="calc.txt.value=eval(calc.txt.value)"> <input name="div" type="button" value="/" onClick="calc.txt.value+='/'"><br> </form> </body> </html>
這段代碼創建了一個HTML頁面,包含一個表單,其中有一個文本框,用于顯示計算結果。此外,還有多個按鈕,每個按鈕都有一個值或操作符,用于計算。每當用戶單擊一個按鈕時,相應的數字或操作符將顯示在文本框中。當用戶單擊“=”按鈕時,計算器將對文本框中的表達式進行計算,并將結果顯示在文本框中。