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