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

为什么输出结果是NaN？

<!DOCTYPE html>

<html>

<head>

<title> 事件</title>

<script type="text/javascript">

function count(){

var a;

var num1=document.getElementById("txt1").value;

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

var num2=document.getElementById("txt2").value;

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

var myDropdownbox=document.getElementById("select").value;

//获取选择框的值

var result="";

switch(myDropdownbox)

{

case "+":

result=parseFloat("num1")+parseFloat("num2");

break;

case "-":

result=parseFloat("num1")-parseFloat("num2");

break;

case "*":

result=parseFloat("num1")*parseFloat("num2");

break;

default:

result=parseFloat("num1")/parseFloat("num2");

break;

}

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

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() />

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

</body>

</html>

木東97

2018-06-26

源自：JavaScript进阶篇 6-11

关注问题我要回答

2477

操作

收起

4 回答

慕前端6373003
2018-07-04

你的函数调用用错了地方，应该是点击“=”号来触发计算的事件的：

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

你的代码如下：

<input type='button' value=' = ' />

<input type='text' id='fruit' onfocus="count()"/>

这个意思是通过聚焦结果按钮来触发onfocus函数。

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

蒜苗丶
2018-07-03

parseFloat(num1) 括号里的是变量，不是字符串，你加了引号，parseFloat("num1") 去掉引号改成 parseFloat(num1) 就OK了

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

心死则忙
2018-07-02

onclick="count()"

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

慕函数4961047
2018-06-27

你为啥用了parseFloat，应该用parseInt.

<script type="text/javascript">

function count(){

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

var txt1=parseInt(document.getElementById("txt1").value);

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

var txt2=parseInt(document.getElementById("txt2").value);

//获取选择框的值

var select=document.getElementById("select").value;

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

switch(select)

{

case "+":

var sum=txt1+txt2;

break;

case "-":

var sum=txt1-txt2;

break;

case "*":

var sum=txt1*txt2;

break;

case "/":

var sum=txt1/txt2;

break;

default:

document.write("没有");

break;

}

//设置结果输入框的值

document.getElementById("fruit").value=sum;

}

</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=' = ' />

<input type='text' id='fruit' onfocus="count()"/>

</body>

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

#1

木東97 提问者

我用了parseInt结果也还是NaN

2018-06-27 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 467177 人
解答问题 21875 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

2 回答为什么总分输出结果是NaN？

3 回答num=num+1 输出结果为什么是NaN?

3 回答为什么结果是NaN

1 回答为什么结果是NAN

1 回答为什么结果是NaN

搜索更多本课相关问答

为什么输出结果是NaN？

我要回答关注问题

意见反馈帮助中心 APP下载