完整代碼各位酌情參考
<!DOCTYPE html>
<html>
<head>
? <title>事件</title>
? <script type="text/javascript">
? ?function count(){
? ? ? ?var result;
? ? ? ?var txt1=document.getElementById("txt1").value;
? ? ? ?num1=parseInt(txt1);
? ? //獲取第一個輸入框的值
? ? var txt2=document.getElementById("txt2").value;
? ? num2=parseInt(txt2);
? //獲取第二個輸入框的值
? ? var count=document.getElementById("select").value;
? //獲取選擇框的值
? ? switch(count){
? ? ? ? case "+": result=num1+num2;break;
? ? ? ? case "-": result=num1-num2;break;
? ? ? ? case "*": result=num1*num2;break;
? ? ? ? case "/": result=num1/num2;break;
? ? }
? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設置結果輸入框的值
? ? document.getElementById("fruit").value=result;
? ? return 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()"/>
? <!--通過 = 按鈕來調用創(chuàng)建的函數(shù)，得到結果-->
? <input type='text' id='fruit' />
</body>
</html>
2016-10-26
function count()
{
var a = document.getElementById("txt1").value;
var num1 = parseInt(a);
var b = document.getElementById("txt2").value;
var num2 = parseInt(b);
var c = document.getElementById("select").value;?
var d;
if(c == "+")
{
d = num1 + num2;
}
else if(c == "-")
{
d = num1 - num2;
}
else if(c == "*")
{
d = num1 * num2;
}
else?
{
d = num1 / num2;
}
document.getElementById("fruit").value = d;
return d;
}
2016-10-19
<!DOCTYPE html>
<html>
?<head>
?<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
? <title> 事件</title>?
? <script type="text/javascript">
?? function count(){
??????
??? //獲取第一個輸入框的值
??? var x = document.getElementById('txt1').value;
??? //獲取第二個輸入框的值
?var y = document.getElementById('txt2').value;
?//獲取選擇框的值
?var symbol = document.getElementById('select').value;
?//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
?if (document.getElementById('select').value=="+")
?{
??var result = Number(x) + Number(y);
?}
?else if (document.getElementById('select').value=="-")
?{
??var result = x - y;
?}
?else if (document.getElementById('select').value=="*")
?{
??var result = x * y;
?}
?else
?{
??if(y!=0) {var result = x / y;}
??else {alert("除數(shù)不能為0！");}
??
?}
??? //設置結果輸入框的值
??? 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()" /> <!--通過 = 按鈕來調用創(chuàng)建的函數(shù)，得到結果-->
?? <input type='text' id='fruit' />??
?</body>
</html>
2016-10-19
可以，挺不錯的