找不到代碼錯(cuò)誤
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
?function count(){
?var otxt1=document.getElementById("txt1").value;
?var otxt2=document.getElementById("txt2").value;
?var osel=document.getElementById("select").value;
?var result="";
?switch(osel){
? ? ?case"+":
? ? ?result=parseInt(otxt1) + parseInt(otxt2);
? ? ?break;
? ? ?case"-":
? ? ?result=parseInt(otxt1) - parseInt(otxt2);
? ? ?break;
? ? ?case"*":
? ? ?result=parseInt(otxt1) * parseInt(otxt2);
? ? ?break;
? ? default:
? ? ?result=parseInt(otxt1) / parseInt(otxt2);
? ? ?}
? ?
? document.getElementById("fruit")=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()"/> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2016-08-11
? document.getElementById("fruit").value=result; ?少個(gè)value
2016-08-11
document.getElementById("fruit")=result; 這樣的方式是錯(cuò)誤的,這行代碼的意思是把result的值賦給Id為fruit的這個(gè)對(duì)象,用變量給對(duì)象賦值肯定是錯(cuò)誤的。這里要改成document.getElementById("fruit").value=result; 這樣才表示的是給Id為fruit的對(duì)象的value屬性賦值。
另外再給你一點(diǎn)建議:
var otxt1=document.getElementById("txt1").value;
var otxt2=document.getElementById("txt2").value;
這兩個(gè)地方,并沒(méi)有錯(cuò),但是可以進(jìn)行一些優(yōu)化會(huì)讓你的代碼更簡(jiǎn)潔,修改為
? ? var otxt1=parseInt(document.getElementById("txt1").value);
? ? var otxt2=parseInt(document.getElementById("txt2").value);
這樣,你拿到這兩個(gè)值的時(shí)候已經(jīng)轉(zhuǎn)換為整數(shù)了,可以直接進(jìn)行運(yùn)算。當(dāng)然也可以寫(xiě)成這樣:
var otxt1=document.getElementById("txt1").value;
var otxt2=document.getElementById("txt2").value;
otxt1=parseInt(otxt1);
otxt2=parseInt(otxt2);
這樣也會(huì)直接將值轉(zhuǎn)換為整數(shù),直接進(jìn)行運(yùn)算,不用在每次運(yùn)算的時(shí)候都去轉(zhuǎn)換一次。
2016-08-11
document.getElementById("fruit").innerHTML=result
2016-08-11
?document.getElementById("fruit")=result;這里的問(wèn)題,改成document.getElementById("fruit").value=result;