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

最簡(jiǎn)潔答案~

<!DOCTYPE html>

<html>

?<head>

? <title> 事件</title>

? <script type="text/javascript">

? ?function count(){

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

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

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

? ? var sum = 0;

? ? switch(num3){

? ? ? ? case '+':

? ? ? ? ? ? sum = parseInt(num1) + parseInt(num2);

? ? ? ? ? ? break;

? ? ? ? case '-':

? ? ? ? ? ? sum = parseInt(num1) - parseInt(num2);

? ? ? ? ? ? break;

? ? ? ? case '*':

? ? ? ? ? ? sum = parseInt(num1) * parseInt(num2);

? ? ? ? ? ? break;

? ? ? ? case '/':

? ? ? ? ? ? sum = parseInt(num1) / parseInt(num2);

? ? ? ? ? ? break;

? ? }

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

? ? ?}

? </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>

hi我會(huì)努力的

2020-04-26

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

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

947

操作

收起

2 回答

慕用2704297
2020-05-24

為啥parseInt不應(yīng)用在num1獲取的時(shí)候呢，var num1 = parseInt(document.getElementById("txt1").value);

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

收起回答

慕蓋茨8203141
2020-05-24

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