在網頁制作中,HTML 語言是不可或缺的一部分。HTML 是 Hyper Text Markup Language 的縮寫,一般用于制作網頁。其中最基礎的是 HTML 標簽的使用,能夠靈活使用 HTML 標簽的人可以制作出更加豐富多彩的網頁。以下我們將介紹如何使用 HTML 制作簡易計算器代碼。
<!DOCTYPE html> <html> <head> <title>簡易計算器</title> </head> <body> <form> <input type="text" name="num1" value=""> <br> <input type="text" name="num2" value=""> <br> <input type="button" value="+" onclick="result.value=Number(num1.value)+Number(num2.value)"> <input type="button" value="-" onclick="result.value=Number(num1.value)-Number(num2.value)"> <input type="button" value="*" onclick="result.value=Number(num1.value)*Number(num2.value)"> <input type="button" value="/" onclick="result.value=Number(num1.value)/Number(num2.value)"> <br> <input type="text" name="result" value=""> </form> </body> </html>
上面代碼中,我們使用 form 標簽創建了一個表單,使用 input 標簽創建了 num1,num2,result 輸入框以及四個按鈕,分別代表加、減、乘、除。在按鈕的 onclick 屬性中,通過 JS 去獲取 num1, num2 的值并進行相應的計算,然后將計算結果賦值給 result 的 value 屬性。
通過以上代碼,我們實現了一個簡單的計算器。當然,這只是一個簡單的示例,您可以根據您的需求自定義計算器的功能和樣式,讓您的網頁更加的個性化和優美。
上一篇MySQL倒序英文
下一篇c json 轉list