課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
代碼這樣編寫有錯(cuò)誤嗎 為什么結(jié)果顯示不出來呢
2016-03-11
源自:JavaScript進(jìn)階篇 6-11
正在回答
<!DOCTYPE html>
<html>
<head>
?<title> 事件</title> ?
?<script type="text/javascript">
? function count(){
? ? ?
? ?//獲取第一個(gè)輸入框的值
? ?var a = document.getElementById("txt1").value;
//獲取第二個(gè)輸入框的值
? ?var b = document.getElementById("txt2").value;
//獲取選擇框的值
? ?var opt = document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
? ?var res;
? ?switch(opt){
? ? ? ?case "+":
? ? ? ? ? ?res=a*1+b*1;
? ? ? ? ? ?break;
? ? ? ?case "-":
? ? ? ? ? ?res=a-b;
? ? ? ?case "*":
? ? ? ? ? ?res=a*b;
? ? ? ?case "/":
? ? ? ? ? ?res=a/b;
? ? ? ?default:
? ? ? ? ? ?alert("Error!");
? ?}
? ?//設(shè)置結(jié)果輸入框的值
? ?document.getElementById("fruit").value=res;
? }
?</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>
調(diào)用的那個(gè)轉(zhuǎn)整型函數(shù)似乎沒有必要,a*1就行了
左岸16 提問者
我也是顯示不出來
你重新打開瀏覽器試試
我用你的代碼粘貼了可以
你的能顯示,我試了,你重新試試
你看看我寫的
<!DOCTYPE html><html>?<head>? <title> 事件</title> ?? <script type="text/javascript">?? function count(){????? ???? //獲取第一個(gè)輸入框的值??? var a = parseInt(document.getElementById("txt1").value);?? ?//獲取第二個(gè)輸入框的值??? var b = parseInt(document.getElementById("txt2").value);?? ?//獲取選擇框的值??? var c = document.getElementById("select").value;?? ?//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則??? var d;??? switch(c){??????? case "+":d = a+b;??????? break;??????? case "-":d = a-b;??????? break;??????? case "*":d = a*b;??????? break;??????? case "/":d = a/b;??????? break;??? }??? //設(shè)置結(jié)果輸入框的值 ??? document.getElementById("fruit").value=d;?? ??? }? </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>
把第三十行的var去掉,語法錯(cuò)誤
Karl00
舉報(bào)
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動(dòng)態(tài)交互世界
5 回答結(jié)果顯示不出來
1 回答結(jié)果顯示不出來!
2 回答顯示不出結(jié)果
2 回答為什么按“=”結(jié)果不顯示出來呢
1 回答為什么我的結(jié)果顯示不出來
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-03-11
<!DOCTYPE html>
<html>
<head>
?<title> 事件</title> ?
?<script type="text/javascript">
? function count(){
? ? ?
? ?//獲取第一個(gè)輸入框的值
? ?var a = document.getElementById("txt1").value;
//獲取第二個(gè)輸入框的值
? ?var b = document.getElementById("txt2").value;
//獲取選擇框的值
? ?var opt = document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
? ?var res;
? ?switch(opt){
? ? ? ?case "+":
? ? ? ? ? ?res=a*1+b*1;
? ? ? ? ? ?break;
? ? ? ?case "-":
? ? ? ? ? ?res=a-b;
? ? ? ? ? ?break;
? ? ? ?case "*":
? ? ? ? ? ?res=a*b;
? ? ? ? ? ?break;
? ? ? ?case "/":
? ? ? ? ? ?res=a/b;
? ? ? ? ? ?break;
? ? ? ?default:
? ? ? ? ? ?alert("Error!");
? ? ? ? ? ?break;
? ?}
? ?//設(shè)置結(jié)果輸入框的值
? ?document.getElementById("fruit").value=res;
? }
?</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>
調(diào)用的那個(gè)轉(zhuǎn)整型函數(shù)似乎沒有必要,a*1就行了
2016-10-07
我也是顯示不出來
2016-03-11
你重新打開瀏覽器試試
2016-03-11
我用你的代碼粘貼了可以
2016-03-11
你的能顯示,我試了,你重新試試
2016-03-11
你看看我寫的
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
?? function count(){
????? ?
??? //獲取第一個(gè)輸入框的值
??? var a = parseInt(document.getElementById("txt1").value);
?? ?//獲取第二個(gè)輸入框的值
??? var b = parseInt(document.getElementById("txt2").value);
?? ?//獲取選擇框的值
??? var c = document.getElementById("select").value;
?? ?//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
??? var d;
??? switch(c){
??????? case "+":d = a+b;
??????? break;
??????? case "-":d = a-b;
??????? break;
??????? case "*":d = a*b;
??????? break;
??????? case "/":d = a/b;
??????? break;
??? }
??? //設(shè)置結(jié)果輸入框的值
??? document.getElementById("fruit").value=d;
?? ?
?? }
? </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>
2016-03-11
把第三十行的var去掉,語法錯(cuò)誤