                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么输出Nan

<!DOCTYPE html>

<html>

<head>

//获取第一个输入框的值

var a=document.getElementById("txt1");

a=a-0;

//获取第二个输入框的值

var b=document.getElementById("txt2");

b=b-0;

//获取选择框的值

var o=document.getElementById("select")

//获取通过下拉框来选择的值来改变加减乘除的运算法则

function david(a,b){

if(o=='+'){

var n=a+b;

}else if(o=='-'){

var n=a-b;

}else if(o=='*'){

var n=a*b;

}else if(o=='/'){

var n=a/b;

}

//设置结果输入框的值

n=n-0;

document.getElementById('fruit').value=n;

}

</script>

</head>

<body>

</select>

</body>

</html>

滢芷

2016-11-08

源自：JavaScript进阶篇 6-11

关注问题我要回答

2983

操作

收起

6 回答

慕粉5830429 回答被采纳 +3 积分
2016-11-08

var o=document.getElementById("select") 这一行等到的值是object, 应该写成.

var o=document.getElementById("select").value 这样得到的值才是实际的值.

0 回复有任何疑惑可以回复我~

收起回答

SparkParis

没有获得value的值，没有进行字符串和整型的之间的转化

2016-11-08 回复有任何疑惑可以回复我~

A空城
2016-11-09

<html>

<head>

function count(){

var a=t1.value;

var b=t2.value;

var sele=se.value;

var n;

switch(sele){

case '+':

n=eval(a)+eval(b);

break;

case '-':

n=eval(a-b);

break;

case '*':

n=eval(a*b);

break;

case '/':

n=eval(a/b);

}

alert(n);

}

</script>

</head>

<body>

</select>

<button type='button' onclick='count()'>result</button>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

stone310
2016-11-09

var a=parseInt(document.getElementById("t1").value);

var b=document.getElementById('t2').value;

要放到count()函数内，放在外面就是页面加载的时候获取，当然是undefined，放在函数内，则点击后再获取；

b也要加上parseInt()，数字相加才不会出问题

0 回复有任何疑惑可以回复我~

收起回答

滢芷提问者
2016-11-08

<html>

<head>

var a=parseInt(document.getElementById("t1").value);

var b=document.getElementById('t2').value;

function count(a,b){

//var n=a+b;

document.write(a);

document.write(b);

}

</script>

</head>

<body>

<option>minus</option>

<option>mutiply</option>

<option>divide</option>

</select>

<button type='button' onclick='count()'>result</button>

</body>

</html>

这个里面输出结果是两个undefined，所以会出现nan，但是为什么undefined？

0 回复有任何疑惑可以回复我~

收起回答

A空城

#t1是输入值1，#t2是输入值2，那用来显示结果的标签元素呢？不给标签元素也可以但你要以弹窗的方式弹出结果呀

2016-11-09 回复有任何疑惑可以回复我~

慕粉4316970
2016-11-08

var a=document.getElemntById('t1').value;

var b=document.getElemntById('t2').value;

改为

var a= parseInt(document.getElemntById('t1').value;)

var b=parseInt(document.getElemntById('t2').value;)

试试？

0 回复有任何疑惑可以回复我~

收起回答

滢芷提问者

还是不行

2016-11-08 回复有任何疑惑可以回复我~

滢芷提问者
2016-11-08

<html>
 <head>
 
 <script type='text/javascript'>
 //
 	var a=document.getElemntById('t1').value;
 	var b=document.getElemntById('t2').value;

 	function count(a,b){
 		var n=a+b;
 		document.write(n);
 	}
 	
 	</script>
  
 </head>
 
 
 
 <body>
 	
 	<input type='text' id='t1'/>
 	<select id='se'>
 		<option>add</option>
 		<option>minus</option>
 		<option>mutiply</option>
 		<option>divide</option>
    </select>
    <input type='text' id='t2'/>
    <button type='button' onclick='count()'>result</button>
 </body>
</html>

这样也是nan

0 回复有任何疑惑可以回复我~

收起回答