【郁悶?zāi)睦锍鲥e了】使用JS完成一個簡單的計算器功能。實現(xiàn)2個輸入框中輸入整數(shù)后，點擊第三個輸入框能給出2個整數(shù)的加減乘除。
為什么我的+-*/的運算結(jié)果是nan？我承認(rèn)我寫的好像很復(fù)雜。剛才看了下童鞋的代碼，好像根本沒必要這么復(fù)雜
鄙人的代碼如下。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
<script type="text/javascript">
var m1;//第一個數(shù)
var fuhao;//運算符號
var m2;//第二個數(shù)
var jieguo;//運算結(jié)果
function a1()
{var m1=document.getElementById('m1').value;}//執(zhí)行函數(shù)a1時，抓取id為m1的值，并賦值給變量m1。
function f1()
{var fuhao=document.getElementById('fuhao').value;}//執(zhí)行函數(shù)f1時，抓取id為fuhao的值，并賦值給變量fuhao。
function a2()
{var m2=document.getElementById('m2').value;}//執(zhí)行函數(shù)a2時，抓取id為m2的值，并賦值給變量m2。
function a3()
{
if(fuhao='+'){jieguo=m1+m2}
else if(fuhao='-'){jieguo=m1-m2}
else if(fuhao='*'){jieguo=m1*m2}
else if(fuhao='/'){jieguo=m1/m2}
else{jieguo='您輸入的符號暫時不能計算結(jié)果'}
window.alert(jieguo);
}
</script>
</head>
<body>
<form>
<input id="m1" type="text" value="請輸入第一個數(shù)值" onBlur="a1()"/>
<select id="fuhao" onFocus="f1()" >
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
<option value="#">#</option>
</select>
<input id="m2" type="text" value="請輸入第二個數(shù)值" onBlur="a2()"/>
<input id="dengyu" type="button" value="點擊彈出結(jié)果" onClick="a3()"/>
</form>
</body>
</html>
2016-04-01
1. 代碼冗余過多、注意簡化代碼（我只是修改了錯誤、代碼簡化就不多說了）
2. 注意賦值和判斷
3. 在select 的 onfocus函數(shù)第一次沒有點擊聚焦就沒有用，從而顯示符號不對無法計算！
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
<script type="text/javascript">
var m1;//第一個數(shù)
var fuhao;//運算符號
var m2;//第二個數(shù)
var jieguo;//運算結(jié)果
function a1()
{ m1=Number(document.getElementById('m1').value);}
function f1()//這方法基本上是多余的、你可以直接寫在a3（）里面獲取符號
{ fuhao=document.getElementById('fuhao').value;}
function a2()
{ m2=Number(document.getElementById('m2').value);}
function a3()
{ ? ? ? ?//注意m1和m2的值（強制類型轉(zhuǎn)換Number（）或parseInt（）等）
f1();//重置獲取符號調(diào)用 f1（）
if(fuhao=='+'){jieguo=m1+m2}//注意=和==（=是賦值，==是判斷）
else if(fuhao=='-'){jieguo=m1-m2}
else if(fuhao=='*'){jieguo=m1*m2}
else if(fuhao=='/'){jieguo=m1/m2}
else{jieguo='您輸入的符號暫時不能計算結(jié)果'}
window.alert(jieguo);
}
</script>
</head>
<body >
<form>
<input id="m1" type="text" value="請輸入第一個數(shù)值" onBlur="a1()"/>
<select id="fuhao" ?>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input id="m2" type="text" value="請輸入第二個數(shù)值" onBlur="a2()"/>
<input id="dengyu" type="button" value="點擊彈出結(jié)果" onClick="a3()"/>
</form>
</body>
</html>
2016-04-11
下拉列表里面的onfocus函數(shù)是需要鼠標(biāo)點進(jìn)去的事件（我是這樣理解的）
官方說法：對象獲得焦點時觸發(fā)