哪里出錯(cuò)了啊
? function count(){
? ? ? ?
? ? //獲取第一個(gè)輸入框的值
? ? var var1 = parseInt(document.getElementById("text1").value);
//獲取第二個(gè)輸入框的值
? ? var var2 = parseInt(document.getElementById("text2").value);
//獲取選擇框的值
? ? var var3 = parseInt(document.getElementById("select").value);
? ? var result ="";
//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
? ? switch(var3)
? ? {
? ? ? ? case '+' :
? ? ? ? ? ? result = var1 + var2;
? ? ? ? ? ? break;
? ? ? ? case '-' :
? ? ? ? ? ? result = var1 - var2;
? ? ? ? case '*' :
? ? ? ? ? ? result = var1 * var2;
? ? ? ? ? ? ?break;
? ? ? ? case '/' :
? ? ? ? ? ? result = var1 / var2;
? ? ? ? ? ? break;
? ? }
? ? //設(shè)置結(jié)果輸入框的值?
? ? 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=' = ' onclik="count()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
2015-10-29
?var?var1?=?parseInt(document.getElementById("text1").value); //獲取第二個(gè)輸入框的值 ?var?var2?=?parseInt(document.getElementById("text2").value); //獲取選擇框的值 ?var?var3?=?parseInt(document.getElementById("select").value);?頁面中沒有id為text1、text2,改成txt1和txt2。
獲取符號(hào)是不需要轉(zhuǎn)換為整型的,所以把parseInt。
?
這里缺了break;
?
這里是onclick,不是onclik
還有就是好多括號(hào)和分號(hào)都敲成了中文的,改成英文的即可
修改后的全代碼
<!DOCTYPE?html> <html> <head> ????<title>?事件</title> ????<script?type="text/javascript"> ????????function?count(){ ????????????//獲取第一個(gè)輸入框的值 ????????????var?var1?=?parseInt(document.getElementById("txt1").value); ????????????//獲取第二個(gè)輸入框的值 ????????????var?var2?=?parseInt(document.getElementById("txt2").value); ????????????//獲取選擇框的值 ????????????var?var3?=?document.getElementById("select").value; ????????????var?result?=""; ????????????//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則 ????????????switch(var3) ????????????{ ????????????????case?'+'?: ????????????????????result?=?var1?+?var2; ????????????????????break; ????????????????case?'-'?: ????????????????????result?=?var1?-var2; ????????????????????break; ????????????????case?'*'?: ????????????????????result?=?var1?*?var2; ????????????????????break; ????????????????case?'/'?: ????????????????????result?=?var1?/?var2; ????????????????????break; ????????????} ????????????//設(shè)置結(jié)果輸入框的值 ????????????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()"/>?<!--通過?=?按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果--> <input?type='text'?id='fruit'?/> </body> </html>