請(qǐng)幫忙看一下為什么單擊最后一個(gè)文本框不能算出答案？
<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
???????
????//獲取第一個(gè)輸入框的值
????var?t1=parseInt(document.getElementById("txt1").value);
//獲取第二個(gè)輸入框的值
????var?t2=parseInt(document.getElementById("txt2").value);
//獲取選擇框的值
????var?sw=document.getElementById("select").value;
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
????var?sum;
????switch?(sw){
????????case?"+":
?????????????sum=t1?+?t2;
??????????
????????????break;
????????case?"-":
?????????????sum=t1-t2;
????????????
????????????break;
????????case?"*":
?????????????sum=t1*t2;
??????????
????????????break;
????????default:
?????????????sum=t1/t2;
???
????????????break;
????????
????}
????//設(shè)置結(jié)果輸入框的值?
???}function?fin(){
????document.getElementById("fruit").value=sum;}
???
?
??</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'?onclick="fin()"/>???
?</body>
</html>為什么這個(gè)fin函數(shù)沒(méi)有反應(yīng)呢
2016-07-29
不懂為什么要用函數(shù)fin()，但是你想用也沒(méi)辦法，修改方法是把count()里面的var num刪掉，因?yàn)槁暶髁说脑捠蔷植孔兞恐荒茉赾ount()里使用，而去掉的話num變成了全局變量，fin()也可以調(diào)用了，記住要現(xiàn)實(shí)結(jié)果要先按等號(hào)鍵在按一下輸出框。。
2016-08-01
t1=parseInt(document.getElementById("txt1").value);這個(gè)在計(jì)算的時(shí)候就是當(dāng)做字符串的，你要在計(jì)算的時(shí)候用
我這有兩種實(shí)現(xiàn)方法你可以瞧瞧：
1）官方版本：
???function?count()?{ ????var?txt1?=?document.getElementById('txt1'); ????var?txt2?=?document.getElementById('txt2'); ????var?myselect?=?document.getElementById("select"); ????var?fruit?=?document.getElementById('fruit'); ????var?index?=?myselect.selectedIndex;?//拿到選中項(xiàng)的索引?//selectedIndex代表的是你所選中項(xiàng)的index ????switch(index){ ????????case?0: ????????fruit.value?=?parseInt(txt1.value)?+?parseInt(txt2.value); ????????break; ????????case?1: ????????fruit.value?=?parseInt(txt1.value)?-?parseInt(txt2.value); ????????break; ????????case?2: ????????fruit.value?=?parseInt(txt1.value)?*?parseInt(txt2.value); ????????break; ????????default: ????????fruit.value?=?parseInt(txt1.value)?/?parseInt(txt2.value); ????????break; ????????} ???}2）自定義版本：
???function?count()?{ ????var?txt1?=?document.getElementById('txt1'); ????var?txt2?=?document.getElementById('txt2'); ????var?myselect?=?document.getElementById("select"); ????var?fruit?=?document.getElementById('fruit'); ????var?index?=?myselect.selectedIndex;?//拿到選中項(xiàng)的索引?//selectedIndex代表的是你所選中項(xiàng)的index ????/* ????????myselect.options[index].value;?//拿到選中項(xiàng)options的value ????????myselect.options[index].text;?//拿到選中項(xiàng)options的text文本內(nèi)容 ????*/ ????var?symbol=?myselect.options[index].value;? ????fruit.value?=?eval(txt1.value+?symbol?+?txt2.value);?//eval()函數(shù)可計(jì)算某個(gè)字符串，并執(zhí)行其中的的?JavaScript?代碼。 ???}2016-07-30
function count(){
? var txtA=document.getElementById("txt1").value;
? ? var txtB=document.getElementById("txt2").value;
? ? var selected=document.getElementById("select").value;
? ? var fruit;
? ?switch(selected){
? ? case '+':
? ? ? ? ?fruit=parseInt(txtA)+parseInt(txtB);
? ? ? ? ?break;
? ? case '-':
? ? ? ? ?fruit=parseInt(txtA)-parseInt(txtB);
? ? ? ? ?break; ? ? ?
? ? case '*':
? ? ? ? ?fruit=parseInt(txtA)*parseInt(txtB);
? ? ? ? ?break;
? ? case '/':
? ? ? ? ?fruit=parseInt(txtA)/parseInt(txtB);
? ? ? ? ?break;
? ?}
?document.getElementById("fruit").value=fruit;
? } ?
你可以參照這種格式書(shū)寫(xiě)，沒(méi)必要給兩個(gè)按鈕，可能是因?yàn)檫@個(gè)原因沒(méi)有出來(lái)
2016-07-29
因?yàn)閛nclick是鼠標(biāo)點(diǎn)擊事件 用在按鈕上 。文本框沒(méi)有單擊的吧
我覺(jué)得你可以試試第三個(gè)輸入框onchange事件。