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

點(diǎn)擊等號沒反應(yīng)。自己看不出來，不知道哪里錯(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);
?}//獲取通過下拉框來選擇的值來改變加減乘除的運(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)注問題我要回答

854

操作

收起

2 回答

Dod_Annie
2017-03-20

oncclick后面的count()放在引號里面。還有把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()">?<!--通過?=?按鈕來調(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);
?}//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
???document.getElementById("fruit").value=result;//設(shè)置結(jié)果輸入框的值?
????
???}
??</script>?
?</body>
</html>

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

收起回答

慕粉1412332127
2017-03-20

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

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