<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
?????var?result="";
?????var?x1?=?document.getElementById("tx1").value;
?????var?x2?=?document.getElementById("tx2").value;?
?????var?x3?=?document.getElementById("select").value;?
?????switch?(x3){
?????????case?"+"?:
?????????????result=parseInt(x1)+parseInt(x2);
?????????case?"-"?:
?????????????result=parseInt(x1)-parseInt(x2);
?????????case?"*"?:
?????????????result=parseInt(x1)*parseInt(x2);
?????????case?"/"?:
?????????????result=parseInt(x1)/parseInt(x2);
?????}
??????document.getElementById("fruit").value=result;??
????//獲取第一個(gè)輸入框的值
//獲取第二個(gè)輸入框的值
//獲取選擇框的值
//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
????//設(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()"/>?<!--通過?=?按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>
2019-05-22
switch~case:要有break來結(jié)束運(yùn)行,不然會(huì)重頭執(zhí)行到尾