                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

點(diǎn)擊等號(hào)沒(méi)反應(yīng)。自己看不出來(lái)，不知道哪里錯(cuò)了

<html>
?<head>
? <title> 事件</title>?
? <script type="text/javascript">
?? function count(){
??????
?? var oTxt1= document.getElementById("txt1").value;//獲取第一個(gè)輸入框的值
?? var oTxt2=document.getElementById("txt2").value;//獲取第二個(gè)輸入框的值
??? var oSlt=document.getElementById("select").value;//獲取選擇框的值
?var result="";
?switch(oSlt){
???? case "+":
???????? result=parseFloat(oTxt1)+parseFloat(oTxt2);
???????? break;
???? case "-":
???????? result=parseFloat(oTxt1)-parseFloat(oTxt2);
???????? break;
???? case "*":
???????? result=parseFloat(oTxt1)*parseFloat(oTxt2);
???????? break;
???? default:
???????? result=parseFloat(oTxt1)/parseFloat(oTxt2);
?}//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
?? document.getElementById("fruit").value=result;//設(shè)置結(jié)果輸入框的值
???
?? }
? </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>

renxuelei

2017-03-20

源自：JavaScript進(jìn)階篇 6-11

關(guān)注問(wèn)題我要回答

890

操作

收起

2 回答

Dod_Annie
2017-03-20

oncclick后面的count()放在引號(hào)里面。還有把Script放在body底部，不然有些ID取不到

<html>
?<head>
??<title>?事件</title>??
?
?</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()">?<!--通過(guò)?=?按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'>???
????<script?type="text/javascript">
???function?count(){
???????
???var?oTxt1=?document.getElementById("txt1").value;//獲取第一個(gè)輸入框的值
???var?oTxt2=document.getElementById("txt2").value;//獲取第二個(gè)輸入框的值
????var?oSlt=document.getElementById("select").value;//獲取選擇框的值
?var?result="";
?switch(oSlt){
?????case?"+":
?????????result=parseFloat(oTxt1)+parseFloat(oTxt2);
?????????break;
?????case?"-":
?????????result=parseFloat(oTxt1)-parseFloat(oTxt2);
?????????break;
?????case?"*":
?????????result=parseFloat(oTxt1)*parseFloat(oTxt2);
?????????break;
?????default:
?????????result=parseFloat(oTxt1)/parseFloat(oTxt2);
?}//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
???document.getElementById("fruit").value=result;//設(shè)置結(jié)果輸入框的值?
????
???}
??</script>?
?</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉1412332127
2017-03-20

我找到問(wèn)題啦~~ 因?yàn)槟愕摹暗忍?hào)”的那個(gè)函數(shù)，其實(shí)點(diǎn)擊之后沒(méi)有真正去觸發(fā)你的代碼函數(shù)。你的代碼寫成了：?<input type='button' value=' = ' onclick=count()/> ?

然而實(shí)際應(yīng)該是寫成：onclick="count()" 。你少了兩個(gè)雙引號(hào)，故而沒(méi)有調(diào)用到函數(shù)囖。