帶有下拉菜單的HTML / Javascript計算器
[英]HTML/Javascript calculator with dropdown
問題描述
function calculate() {
try
{
var value1 = parseInt(validate(document.getElementById("value1").value.trim()));
var value2 = parseInt(validate(document.getElementById("value2").value.trim()));
document.getElementById("result").value = operate(value1, value2);
}
catch (err) {
alert("There was a problem: " + err.messaqge);
}
}
catch (err) {
alert("There was a problem: " + err.messaqge);
}
}
function operate(value1, value2) {
if (operator == addition) {
return value1 + value2;
} else if (operator == subtraction) {
return value1 - value2;
} else if (operator == division) {
return value1 / value2;
} else if (operator == multiplication) {
return value1 * value2;
}
function validate(value) {
if (value == null || value == "") {
alert("Required Field");
return 0;
} else if (isNaN(value)) {
alert("Must be a Number Field");
return 0;
} else return value;
}
}
</script>
<title>Title Bar</title>
</head>
<body>
<h2>Calculator</h2>
<table border="1">
<tr>
<td>Value 1: </td>
<td><input type="text" id="value1" name="value1"/></td>
</tr>
<tr>
<td>Value 2: </td>
<td><input type="text" id="value2" name="value2" /></td>
</tr>
<tr>
<td>Operator: </td>
<td><select id="operator">
<option value="Add">+</option>
<option value="Subtract">-</option>
<option value="Multiply">*</option>
<option value="Divide">/</option>
</select></td>
</tr>
<tr>
<td>Result: </td>
<td><input type="text" id="result" name="result" /></td>
</tr>
</table>
<input type="submit" id="btn_sub" name="btn_sub" value="Submit" onclick="calculate()" />
<input type="reset" id="btn_res" name="btn_res" value="Reset" />
</body>
</html>
這是一個非常基本的計算器程序。 我只是將其作為附加項而已，但是它正在運行，但是我試圖添加一個下拉列表，以便可以執行不同的操作，而我無法使其正常工作。 它只能是操作功能或計算功能中的第三行，因為其他所有功能在添加時都在起作用。
2 個解決方案
解決方案1
1 2014-02-15 01:38:51
您可以使用以下方法獲得下拉菜單的值：
var operator = document.getElementById('operator').value;
檢查這個例子中，我采取了運營商值，然后把它傳遞給operate
解決方案2
0 2014-02-15 01:32:11
http://www.echoecho.com/htmlforms11.htm
您正在尋找下拉菜單。 在Java腳本代碼中找到它后，請在下拉列表中選擇要選擇的數學符號並執行計算。
HTML / JavaScript計算器
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.