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

很簡(jiǎn)單，在編輯器里多試試就可以了

<!DOCTYPE?html>
<html>
<head>
????<title>?事件</title>
????<script?type="text/javascript">
????????function?count(){
????????????//獲取第一個(gè)輸入框的值
????????????var?x?=?document.getElementById("txt1").value;
????????????//獲取第二個(gè)輸入框的值
????????????var?y?=?document.getElementById("txt2").value;
????????????//獲取選擇框的值
????????????var?z?=?document.getElementById("select").value;
????????????//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
????????????switch(z){
????????????????case?"+":
????????????????????document.getElementById("fruit").value=Number(x)+Number(y);
????????????????????break;
????????????????case?"-":
????????????????????document.getElementById("fruit").value=Number(x)-Number(y);
????????????????????break;
????????????????case?"*":
????????????????????document.getElementById("fruit").value=Number(x)*Number(y);
????????????????????break;
????????????????case?"/":
????????????????????document.getElementById("fruit").value=Number(x)/Number(y);
????????????????????break;
????????????}
????????????//設(shè)置結(jié)果輸入框的值

????????}
????</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()"/>
<input?type='text'?id='fruit'?/>
</body>
</html>