<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
????var?result='';
????//獲取第一個(gè)輸入框的值
???var?a=document.getElementById('txt1').value;
//獲取第二個(gè)輸入框的值
????var?b=document.getElementById('txt2').value;
//獲取選擇框的值
var?c=document.getElementById('select').value;
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
switch(c)
{
case?c=='+':
????result=a+b;
????break;
?case?c=='-':
????result=a-b;
????break;
?case?c=='*':
????result=a*b;
????break;
?case?c=='/':
????result=a/b;
????break;
}
????//設(shè)置結(jié)果輸入框的值?
????document.getElementById('fruit').value?=?result;
???}
??</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>
2018-03-17
result=parseInt(a)+parseInt(b);break;試試
2018-02-26
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
? ?function count(){
? ? var result='';
? ? //獲取第一個(gè)輸入框的值
? ?var a=Number(document.getElementById('txt1').value);//轉(zhuǎn)換成數(shù)字類(lèi)型，不然待會(huì)下面是以字符串拼接的
? ? //獲取第二個(gè)輸入框的值
? ? var b=Number(document.getElementById('txt2').value);
? ? //獲取選擇框的值
? ? var c=document.getElementById('select').value;
? ? //獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
? ? switch(c)
? ? {
? ? case '+'://重新查看switch（）用法
? ? ? ? result=a+b;
? ? ? ? break;
? ? ?case '-':
? ? ? ? result=a-b;
? ? ? ? break;
? ? ?case '*':
? ? ? ? result=a*b;
? ? ? ? break;
? ? ?case '/':
? ? ? ? result=a/b;
? ? ? ? break;
? ? }
? ? //設(shè)置結(jié)果輸入框的值?
? ? document.getElementById('fruit').value = result;
? ?}
? </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>