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

供大家參考

<!DOCTYPE?html><html>?<head>??<title>?事件</title>????
<script?type="text/javascript">?
??function?count(){??????
??????//獲取第一個(gè)輸入框的值???
??????var?num1?=?document.getElementById("txt1").value;
??????//獲取第二個(gè)輸入框的值	
??????var?num2?=?document.getElementById("txt2").value;	
??????//獲取選擇框的值	
??????var?choice?=?document.getElementById("select").value;	
??????//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則	
??????var?result;	
??????switch(choice){	???
???????case?'+'?:?result?=?parseInt(num1)+parseInt(num2);?break;?
???????/*parseInt()函數(shù)可解析一個(gè)字符串,并返回一個(gè)整數(shù)*/	????
???????case?'-'?:?result?=?num1-num2;?break;	?
???????case?'*'?:?result?=?num1*num2;?break;	??
???????default:???result?=?num1/num2;?break;	}??
?????????//設(shè)置結(jié)果輸入框的值??
???????document.getElementById("fruit").value?=?result;???}?
????????</script>??</head>??<body>?
??????????<input?type='text'?id='txt1'?/>??
????????????<select?id='select'?onclick="count()">
????????????????	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>