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

輸出沒反應(yīng)，求解答

<!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 = parseInt(document.getElementById("select").value);

? ? ? ? //獲取選擇框的值

? ? ? ? var result="";

? ? ? ? switch (c) {

? ? ? ? ? case "+":

? ? ? ? ? ? result = a + b;

? ? ? ? ? ? break;

? ? ? ? ? case "-":

? ? ? ? ? ? result = a - b;

? ? ? ? ? ? break;

? ? ? ? ? case "*":

? ? ? ? ? ? result = a * b;

? ? ? ? ? ? break;

? ? ? ? ? case "/":

? ? ? ? ? ? result = a / b;

? ? ? ? ? ? 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()" />

? ?

? ? <input type="text" id="fruit" />

? </body>

</html>

慕前端7075531

2022-08-17

源自：JavaScript進階篇 6-11

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

738

操作

收起

6 回答

慕函數(shù)7131464
2023-03-02

var c = parseInt(document.getElementById("select").value);

改成var c = document.getElementById("select").value;

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

收起回答

qq_慕哥0499155
2022-10-18

或者是加減符合那里不設(shè)置parseInt

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

收起回答

qq_慕虎4260202
2022-09-26

<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
?? function count(){
????? var s=document.getElementById("txt1").value;
??? //獲取第一個輸入框的值
??? var b=document.getElementById("txt2").value;
?? ?//獲取第二個輸入框的值
?? ?//獲取選擇框的值
?? ?var f=document.getElementById("select").value;
?? ?//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
??? switch(f){
?? ??? ?case "+":document.getElementById('fruit').value=s+b;
?? ??? ?break;
?? ??? ?case "-":document.getElementById('fruit').value=s-b;
?? ??? ?break;
?? ??? ?case "*":document.getElementById('fruit').value=s*b;
?? ??? ?break;
?? ??? ?case "/":document.getElementById('fruit').value=s/b;
?? ??? ?break;
?? ??? ?default:
?? ??? ??? ?document.getElementById('fruit').value=111;
?? ?}
??? //設(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>

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

收起回答

#1

qq_慕哥0499155

要調(diào)用函數(shù)，在body那里調(diào)用onclick="count()"，不調(diào)用函數(shù)在里面寫多少都沒用

2022-10-18 回復(fù) 有任何疑惑可以回復(fù)我~

老佛蟲
2022-08-25

<!DOCTYPE html>

<html>

?<head>

? <title> 事件</title>??

? <script type="text/javascript">

? ?function count(){

? ? num1=parseInt(document.getElementById("txt1").value);

? ? num2=document.getElementById("select").value;

? ? num3=parseInt(document.getElementById("txt2").value);

? ? switch (num2){

? ? ? ? case "+":

? ? ? ? ? ? num4=num1+num3;

? ? ? ? ? ? break;

? ? ? ? case "-":

? ? ? ? ? ? num4=num1-num3;

? ? ? ? ? ? break;

? ? ? ? case "*":

? ? ? ? ? ? num4=num1*num3;

? ? ? ? ? ? break;

? ? ? ? case "/":

? ? ? ? ? ? num4=num1/num3;

? ? ? ? ? ? break;

? ? ? ? default:

? ? ? ? ? ? num4=11111;

? ? }

? ? document.getElementById("fruit").value = num4;

? ??

? ?}

? </script>?

?</head>?

?<body>

? ?<input type='text' id='txt1' />?

? ?<select id='select'>

? ?</select>

? ?<input type='text' id='txt2' />?

? ?<input type='button' value=' = ' onclick="count()"/> ?

? ?<input type='text' id='fruit' />? ?

?</body>

</html>

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

收起回答

qq_愛偷貓的魚_0
2022-08-23

這個下拉選擇框的value值是字符串，parseInt轉(zhuǎn)成整型后是NaN，所以觸發(fā)不到switch..case

覺得數(shù)字和字符串轉(zhuǎn)換麻煩的話可以使用eval函數(shù)，可以直接計算一個表達式字符串

例子：eval("1+3")? 直接得到4，eval("true && false") 直接得到false

可以直接運行代碼試一下

<!DOCTYPE html>

<html>

?<head>

? <title> 事件</title>??

? <script type="text/javascript">

? ?function count(){

? ? //獲取第一個輸入框的值

? ? var val1 = document.getElementById("txt1").value;

//獲取第二個輸入框的值

? ? var val2 = document.getElementById("txt2").value;

//獲取選擇框的值

? ? var option = document.getElementById("select").value;

//獲取通過下拉框來選擇的值來改變加減乘除的運算法則

var res = eval(val1 + option + val2);

? ? //設(shè)置結(jié)果輸入框的值?

? ? var fruit = document.getElementById("fruit");

? ? ? ?fruit.value = res;

? ?}

? </script>?

?</head>?

?<body>

? ?<input type='text' id='txt1' />?

? ?<select id='select'>

? ?</select>

? ?<input type='text' id='txt2' />?

? ?<input type='button' value=' = '? onclick="count()"/> ?

? ?<input type='text' id='fruit' />? ?

?</body>

</html>

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

收起回答

普增林
2022-08-18

<!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 result;

? ? ? ? switch (c) {

? ? ? ? ? case "+":

? ? ? ? ? ? result = a + b;

? ? ? ? ? ? break;

? ? ? ? ? case "-":

? ? ? ? ? ? result = a - b;

? ? ? ? ? ? break;

? ? ? ? ? case "*":

? ? ? ? ? ? result = a * b;

? ? ? ? ? ? break;

? ? ? ? ? case "/":

? ? ? ? ? ? result = a / b;

? ? ? ? ? ? break;

? ? ? ? }

? ? ? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則

? ? ? ? //設(shè)置結(jié)果輸入框的值

? ? ? ? console.log(a,b,c,result);

? ? ? ? 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()" />

? ?

? ? <input type="text" id="fruit" />

? </body>

</html>

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

收起回答

舉報

0/150

提交

取消

JavaScript進階篇

參與學(xué)習(xí) 468760 人
解答問題 22376 個

本課程從如何插入JS代碼開始，帶您進入網(wǎng)頁動態(tài)交互世界

進入課程

本課相似問答

1 回答代碼沒有任何反應(yīng)，求大神解答。

1 回答怎么沒反應(yīng)？？求解釋

3 回答代碼提交成功，可是沒有反應(yīng)。求解答

3 回答默認(rèn)default輸出，求解答

1 回答點擊等號沒反應(yīng)，求解

搜索更多本課相關(guān)問答

輸出沒反應(yīng)，求解答

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

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

輸出沒反應(yīng)，求解答

6 回答

本課相似問答

輸出沒反應(yīng)，求解答

輸出沒反應(yīng)，求解答