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