                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

各位親們，幫忙看看吧，結果總是NAN

<!DOCTYPE html>

<html>

?<head>

? <title> 事件</title> ?

? <script type="text/javascript">

? ?function count(){

? ? var oTx1= document.getElementById("txt1").value; ?

? ? //獲取第一個輸入框的值

? ? var oTx2=document.getElementById("txt2").value;

//獲取第二個輸入框的值

? ? var oTx3=document.getElementById("select");

//獲取選擇框的值

? ? var result=" ";

? ? switch(oTx3)

? ? {

? ? ? ? case "+":

? ? ? ? ? ? result=parseFloat("oTx1")+parseFloat("oTx2");

? ? ? ? ? ? break;

? ? ? ? case "-":

? ? ? ? ? ? result=parseFloat("oTx1")-parseFloat("oTx2");

? ? ? ? ? ? break;

? ? ? ? case "*":

? ? ? ? ? ? result=parseFloat("oTx1")*parseFloat("oTx2");

? ? ? ? ? ? break;

? ? ? ? default:

? ? ? ? ? ? result=parseFloat("oTx1")/parseFloat("oTx2");

? ? ? ? ? ? break;

? ? }

? ? document.getElementById("fruit").value=result;

? ? ? ??

//獲取通過下拉框來選擇的值來改變加減乘除的運算法則

? ? //設置結果輸入框的值?

? ??

? ?}

? </script>?

?</head>?

?<body>

? ?<input type='text' id='txt1' />?

? ?<select id='select'>

? ?</select></br>

? ?<input type='text' id='txt2' />?

? ?<input type='button' value=' = ' onclick="count()"/> </br>?

? ?<input type='text' id='fruit' /> ??

?</body>

</html>

weibo_殤雨916_0

2015-11-19

源自：JavaScript進階篇 6-11

關注問題我要回答

530

操作

收起

1 回答

Perona
2015-11-19

var?oTx3=document.getElementById("select");

這里只獲取到元素對象，要獲取值，應該用value屬性

????????case?"+":
????????????result=parseFloat("oTx1")+parseFloat("oTx2");
????????????break;
????????case?"-":
????????????result=parseFloat("oTx1")-parseFloat("oTx2");
????????????break;
????????case?"*":
????????????result=parseFloat("oTx1")*parseFloat("oTx2");
????????????break;
????????default:
????????????result=parseFloat("oTx1")/parseFloat("oTx2");
????????????break;

這里的變量名oTx1和oTx2不需要加引號。

修改后的全代碼

<!DOCTYPE?html>
<html>
<head>
????<title>?事件</title>
????<script?type="text/javascript">
????????function?count(){
????????????var?oTx1=?document.getElementById("txt1").value;
????????????//獲取第一個輸入框的值
????????????var?oTx2=document.getElementById("txt2").value;
//獲取第二個輸入框的值
????????????var?oTx3=document.getElementById("select").value;
//獲取選擇框的值
????????????var?result="?";
????????????switch(oTx3)
????????????{
????????????????case?"+":
????????????????????result?=?parseFloat(oTx1)?+?parseFloat(oTx2);
????????????????????break;
????????????????case?"-":
????????????????????result?=?parseFloat(oTx1)?-?parseFloat(oTx2);
????????????????????break;
????????????????case?"*":
????????????????????result?=?parseFloat(oTx1)?*?parseFloat(oTx2);
????????????????????break;
????????????????default:
????????????????????result?=?parseFloat(oTx1)?/?parseFloat(oTx2);
????????????}
????????????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></br>
<input?type='text'?id='txt2'?/>
<input?type='button'?value='?=?'?onclick="count()"/>?</br><!--通過?=?按鈕來調用創建的函數，得到結果-->
<input?type='text'?id='fruit'?/>
</body>
</html>