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

有什么地方錯(cuò)了呢？奇怪。看了半天。

<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
???????var?text1?=?document.getElementById("text1").value;
???????var?text2?=?document.getElementById("text2").value;
???????var?select?=?document.getElementById("select").value;
???????var?fruit='';
???????switch?(select){
???????????case?"+":
????????????fruit?=?text1?+?text2;
????????????break;
???????????case?"-":
????????????fruit?=?text1?-?text2;
????????????break;
????????????case?"*":
????????????fruit?=?text1?*?text2;
????????????break;
????????????case?"/":
????????????fruit?=?text1?/?text2;
????????????break;
????????????default;
???????}
????????document.getElementById("fruit").value?=?fruit;
???}
??</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()"/>?<!--通過(guò)?=?按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>

世界和平ad

2015-04-04

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

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

970

操作

收起

2 回答

_瀟瀟暮雨
2015-04-04

代碼有以下問(wèn)題：

7、8的getElementById傳入的id錯(cuò)了
default后面是冒號(hào)；
通過(guò)id獲得的值需要轉(zhuǎn)化成整型。

完整的代碼：

<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
???????var?text1?=?parseInt(document.getElementById("text1").value);//id錯(cuò)了，需要轉(zhuǎn)化成數(shù)值類(lèi)型
???????var?text2?=?parseInt(document.getElementById("text2").value);
???????var?select?=?document.getElementById("select").value;
???????var?fruit='';
???????switch?(select){
???????????case?"+":
????????????fruit?=?text1?+?text2;
????????????break;
???????????case?"-":
????????????fruit?=?text1?-?text2;
????????????break;
????????????case?"*":
????????????fruit?=?text1?*?text2;
????????????break;
????????????case?"/":
????????????fruit?=?text1?/?text2;
????????????break;
????????????default:?//default后面是冒號(hào)
????????????break;

???????}
????????document.getElementById("fruit").value?=?fruit;
???}
??</script>?
?</head>?
?<body>
???<input?type='text'?id='text1'?/>?
???<select?id='select'>
????????<option?value='+'>+</option>
????????<option?value="-">-</option>
????????<option?value="*">*</option>
????????<option?value="/">/</option>
???</select>
???<input?type='text'?id='text2'?/>?
???<input?type='button'?value='?=?'?onclick="count();"/>?<!--通過(guò)?=?按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>

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

收起回答

#1

世界和平ad 提問(wèn)者

十分感謝，寫(xiě)js有個(gè)破習(xí)慣，總認(rèn)為自己大小寫(xiě)錯(cuò)，只注意看語(yǔ)句去了。

2015-04-04 回復(fù) 有任何疑惑可以回復(fù)我~

#2

iTuring

感謝你

2015-04-08 回復(fù) 有任何疑惑可以回復(fù)我~

世界和平ad 提問(wèn)者
2015-04-04

終于是對(duì)了。

<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
??var?txt1?=?parseInt(document.getElementById("txt1").value);
??var?txt2?=?parseInt(document.getElementById("txt2").value);
??var?select?=?document.getElementById("select").value;
??var?fruit;
??switch?(select){
??????case?"+":
????????fruit?=?txt1?+?txt2;
????????break;
????????case?"-":
????????fruit?=?txt1?-?txt2;
????????break;
????????case?"*":
????????fruit?=?txt1?*?txt2;
????????break;
????????case?"/":
????????fruit?=?txt1?/?txt2;
????????break;
????????default:
??}
??document.getElementById("fruit").value?=?fruit;
???}
??</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='?=?'?onmouseover="count()"/>?<!--通過(guò)?=?按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>

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

收起回答