<!DOCTYPE?html>
<html>
?<head>
??<title>事件</title>??
??<script?type="text/javascript">
???function?count(){??
????//獲取第一個(gè)輸入框的值
????home1=document.getElementById("txt1").value;
//獲取第二個(gè)輸入框的值
????home2=document.getElementById("txt2").value;
//獲取選擇框的值
????home3=document.getElementById("select").value;
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
???switch(home3){
????????case?"+":
????????????home4=home1+home2;
????????break;
????????case?"-":
????????????home4=home1-home2;
????????break;
????????case?"*":
????????????home4=home1*home2;
????????break;
????????case?"/":
????????????home4=home1/home2;
????????break;
???}
????//設(shè)置結(jié)果輸入框的值?
????document.getElementById("fruit").value=home4;
???}
??</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-11-07
+號(hào)的意義可能被識(shí)別為連接符,只有加號(hào)兩端確定為數(shù)字時(shí),才將加號(hào)作為加法處理
2016-11-04
因?yàn)閕nput標(biāo)簽的value是字符串格式,字符串相加就是拼接,而-*/都會(huì)自動(dòng)先轉(zhuǎn)成數(shù)字,再計(jì)算,因此,為了保證程序統(tǒng)一和可讀,賦值的時(shí)候先將hom1和home2的value值的類(lèi)型轉(zhuǎn)換,利用parseInt(),如下:
2016-11-03
自帶的符號(hào)啥的不能用吧。。