欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html實現計算器功能代碼下載

林雅南1年前8瀏覽0評論

HTML是一種用于創建網頁的標記語言。它可以用來實現各種功能,其中之一就是實現計算器。下面我們來看一下如何利用HTML代碼實現一個簡單的計算器。

<!DOCTYPE html>
<html>
<head>
<title>計算器</title>
</head>
<body>
<form>
<label for="num1">請輸入第一個數字:</label>
<input type="number" id="num1" name="num1"><br>
<label for="num2">請輸入第二個數字:</label>
<input type="number" id="num2" name="num2"><br>
<label for="operator">請選擇運算符:</label>
<select id="operator" name="operator">
<option value="add">+</option>
<option value="subtract">-</option>
<option value="multiply">*</option>
<option value="divide">/</option>
</select><br>
<button type="button" onclick="calculate()">計算</button>
</form>
<p id="result"></p>
<script>
function calculate() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var operator = document.getElementById("operator").value;
var result;
if (operator == "add") {
result = parseFloat(num1) + parseFloat(num2);
} else if (operator == "subtract") {
result = parseFloat(num1) - parseFloat(num2);
} else if (operator == "multiply") {
result = parseFloat(num1) * parseFloat(num2);
} else if (operator == "divide") {
result = parseFloat(num1) / parseFloat(num2);
}
document.getElementById("result").innerHTML = "計算結果:" + result;
}
</script>
</body>
</html>

在以上代碼中,我們使用了HTML表單元素來獲取用戶輸入的數字和運算符。然后通過JavaScript的條件語句來判斷應該執行哪種運算,并輸出結果。最后,我們在p標簽中顯示了最終結果。

如果您想使用此計算器,可以將以上代碼拷貝到您的HTML文件中,并保存為一個HTML文件。運行該文件后,您就可以使用該計算器了。