看了很多遍還是找不出哪里出問題了,麻煩幫忙看一下
<!DOCTYPE html>
<html>
<head>
<title> 事件</title> ?
<script type="text/javascript">
function count(){
//獲取第一個輸入框的值
var r1 = getElementById("txt1").value;
????//獲取第二個輸入框的值
????var r2 = getElementById("txt2").value;
????//獲取選擇框的值
????var r3 = getElementById("select").value;
????var result;
????//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
????switch(r3)
????{
???? ? ?case "+":
???? ? ? ? ?result = parseInt(r1)+parseInt(r2);
???? ? ? ? ?break;
???? ? ?case "-":
???? ? ? ? ?result = parseInt(r1)-parseInt(r2);
???? ? ? ? ?break;
???? ? ?case "*":
???? ? ? ? ?result = parseInt(r1)*parseInt(r2);
???? ? ? ? ?break;
case "/":
result = parseInt(r1)/parseInt(r2);
???? ? ? ? ?break;
????}
//設置結果輸入框的值
document.getElementById("fruit").value=result;
}
</script>
</head>
<body>
<input type="text" id="txt1" />
<select id="select">
????????<option value="+">+</option>
????????<option value="-">-</option>
????????<option value="*">*</option>
????????<option value="/">/</option>
</select>
<input type="text" id="txt2" />
<input type="button" value=" = " onclick="count()"/> <!--通過 = 按鈕來調用創建的函數,得到結果-->
<input type="text" id="fruit" /> ?
</body>
</html>
2019-07-12
取值時首先需要通過訪問document對象,因此取值語句是document.getElementById("id").value;
2019-07-12
var r1 = document.getElementById("txt1").value;