HTML5是一種常用的網絡編程語言,它可以用于創建豐富的網頁和應用程序。在HTML5中,我們可以使用代碼計算價格總額,如下所示:
<html> <head> <title>HTML5價格計算器</title> </head> <body> <h1>HTML5價格計算器</h1> <p>請輸入物品價格和數量,然后點擊計算按鈕。</p> <form> <p> <label for="price">每件物品價格:</label> <input type="number" id="price" name="price"> </p> <p> <label for="quantity">物品數量:</label> <input type="number" id="quantity" name="quantity"> </p> <p> <button onclick="calculatePrice()">計算總價</button> </p> </form> <p>總價:<span id="totalPrice"></span>元</p> <script> function calculatePrice() { var price = parseInt(document.getElementById("price").value); var quantity = parseInt(document.getElementById("quantity").value); var totalPrice = price * quantity; document.getElementById("totalPrice").innerHTML = totalPrice; } </script> </body> </html>
上述代碼包含一個表單,用戶輸入每件物品的價格和數量后,點擊"計算總價"按鈕。然后使用JavaScript代碼計算總價,并將結果顯示在頁面上。
總結來說,HTML5可以輕松地創建交互式、動態的網頁,并提供可使用JavaScript進行計算價格總額等功能。不僅如此,HTML5還提供了許多其他方便開發的功能。
下一篇html5任務欄代碼