HTML是一種用于創(chuàng)建網(wǎng)頁的標(biāo)記語言。它允許開發(fā)人員使用標(biāo)簽和屬性來定義和安排頁面上的元素。除了常見的元素,如文本、圖像和鏈接,開發(fā)人員也可以在HTML中編寫代碼來執(zhí)行特定的操作。通過使用HTML執(zhí)行程序代碼,可以在網(wǎng)頁上顯示交互式動畫、游戲、表單驗(yàn)證和其他互動元素。
<!DOCTYPE html> <html> <head> <title>執(zhí)行程序代碼</title> </head> <body> <h1>計(jì)算器</h1> <form> <input type="text" id="num1" name="num1" placeholder="請輸入第一個(gè)數(shù)"> <select id="operator" name="operator"> <option value="add">+</option> <option value="subtract">-</option> <option value="multiply">*</option> <option value="divide">/</option> </select> <input type="text" id="num2" name="num2" placeholder="請輸入第二個(gè)數(shù)"> <input type="submit" value="計(jì)算"> </form> <p id="result"></p> <script> function calculate() { var num1 = Number(document.getElementById("num1").value); var num2 = Number(document.getElementById("num2").value); var operator = document.getElementById("operator").value; var result; if (operator === "add") { result = num1 + num2; } else if (operator === "subtract") { result = num1 - num2; } else if (operator === "multiply") { result = num1 * num2; } else if (operator === "divide") { result = num1 / num2; } document.getElementById("result").innerHTML = "結(jié)果為:" + result; } document.querySelector("form").addEventListener("submit", function(event) { event.preventDefault(); calculate(); }); </script> </body> </html>
上述代碼演示了一個(gè)基本的網(wǎng)頁計(jì)算器,其中包含HTML表單元素和JavaScript函數(shù)來執(zhí)行基本數(shù)學(xué)運(yùn)算。這個(gè)代碼示例使用了
標(biāo)簽來顯示其中的JavaScript代碼,使讀者更容易理解并復(fù)制代碼。