不能運行,幫忙看看哪里有問題
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
?? function count(){
??? //獲取第一個輸入框的值
??? var txt1 = document.getElementById("txt1").value;
?? ?//獲取第二個輸入框的值
?? ?var txt2 = document.getElementById("txt2").value;
??? //獲取選擇框的值
??? var select = document.getElementById("select").value;
?? ?//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
??? //設置結果輸入框的值
??? var result ="";
??? swith(select){
??????? case "+":
??????? result = txt1+txt2;
??????? break;
??????? case "-":
??????? result = txt1-txt2;
??????? break;
??????? case "*":
??????? result = txt1*txt2;
??????? break;
??????? default:
??????? result = txt1/txt2;
??? }
???? 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=' = ' /> <!--通過 = 按鈕來調用創建的函數,得到結果-->
?? <input type='text' id='fruit' />? ?
?</body>
</html>
2016-05-07
主要問題在于,你沒有綁定觸發事件。
<input type='button' value=' = ' ?/> <!--通過 = 按鈕來調用創建的函數,得到結果-->?
給上面那句代碼加上 onclick="count()"
<input type='button' value=' = ' ?onclick="count()"/> <!--通過 = 按鈕來調用創建的函數,得到結果-->?
另外,把txt1和txt2的值用parseInt()轉一下,因為默認獲取的值是字符串類型。
2016-05-11
請問switch后面一定要加(select)嗎
2016-05-04
獲取輸入框的值要用parseInt()函數?
?parseInt()函數可解析一個字符串,并返回一個整數? ?
function?count(){ ????var?text1?=parseInt(?document.getElementById("txt1").value); ????//獲取第一個輸入框的值 ?????var?txt2?=?parseInt(?document.getElementById("txt2").value); //獲取第二個輸入框的值 ????var?select?=?document.getElementById("select").value;? //獲取選擇框的值 ????var?con; ????switch?(select){ ????????case?"+": ????????con?=?txt1?+?txt2; ????????break; ????????case?"-": ????????con?=?txt1??-?txt2; ????????break; ????????case?"*": ????????con=txt1?*txt2; ????????break; ????????case?"/": ????????con?=?txt1?/txt2; ????????break; ????} //獲取通過下拉框來選擇的值來改變加減乘除的運算法則 ????//設置結果輸入框的值? ????var?fruit?=?document.getElementById("fruit").value=con;?? ???}