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

瀏覽器沒報(bào)錯(cuò)，但是就是運(yùn)算不出來。求解

<!DOCTYPE html>
<html>
<head>
? ?<title> 事件</title>
? ?<script type="text/javascript">
? ? ? ?function count(){
? ? ? ? ? ?var va1 = document.getElementById("txt1");
? ? ? ? ? ?var va2 = document.getElementById("txt2");
? ? ? ? ? ?var text1 = parseInt(va1.value);
? ? ? ? ? ?var text2 = parseInt(va2.value);
? ? ? ? ? ?var select = document.getElementById("select").value;
? ? ? ? ? ?var add = "";
? ? ? ? ? ?switch(select){
? ? ? ? ? ? ? ?case "+":
? ? ? ? ? ? ? ? ? ?add = text1 + text2 ;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case "-":
? ? ? ? ? ? ? ? ? ?add = text1 - text2;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case "*":
? ? ? ? ? ? ? ? ? ?add = text1 * text2;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case "/":
? ? ? ? ? ? ? ? ? ?add = text1 / text2;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ?}
? ? ? ? ? ?document.getElementById("fruit").value = add;
? ? ? ?}
? ?</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=' = ' /> 
<input type='text' id='fruit' />
</body>
</html>

慕粉1015549234

2017-05-18

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

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

740

操作

收起

2 回答

晨曦啟明0
2017-05-18

沒有綁定事件onclick

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

收起回答

黃小凡
2017-05-18

大兄弟，你的按鈕沒有設(shè)置onclick事件啊，幫你修改了一下，如下：

<!DOCTYPE?html>
<html>
<head>
???<title>?事件</title>
???<script?type="text/javascript">
???????function?count(){
???????????var?va1?=?document.getElementById("txt1");
???????????var?va2?=?document.getElementById("txt2");
???????????var?text1?=?parseInt(va1.value);
???????????var?text2?=?parseInt(va2.value);
???????????var?select?=?document.getElementById("select").value;
???????????var?add?=?0;
???????????switch(select){
???????????????case?"+":
???????????????????add?=?text1?+?text2?;
???????????????????break;
???????????????case?"-":
???????????????????add?=?text1?-?text2;
???????????????????break;
???????????????case?"*":
???????????????????add?=?text1?*?text2;
???????????????????break;
???????????????case?"/":
???????????????????add?=?text1?/?text2;
???????????????????break;
???????????}
???????????document.getElementById("fruit").value?=?add;
???????}
???</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>

謝謝采納！