21xrx.com
2024-11-05 20:40:36 Tuesday
登录
文章检索 我的文章 写文章
JS简易计算器:为什么我总是得到NaN
2023-06-17 15:33:48 深夜i     --     --
JavaScript 计算器 NaN

最近我在学习JavaScript时,写了一个简单的计算器。然而,无论我做什么运算,结果总是NaN!我调试了好几次,但问题依旧存在。

后来,我和一个朋友讨论了一下我的代码。他告诉我,JavaScript对于不同类型的值有不同的处理方式,如果我在做运算时没有考虑到这点,就会出现NaN。

我们一起研究了一下代码,最终发现了问题所在。我在获取输入框的值时,没有将其转换为数字。因此,当我做加法或减法时,字符串会被当做一个整体来处理,结果自然就是NaN。

这是我的错误代码:


var num1 = document.getElementById('num1').value;

var num2 = document.getElementById('num2').value;

var result = num1 + num2;

正确的代码应该是这样的:


var num1 = parseInt(document.getElementById('num1').value);

var num2 = parseInt(document.getElementById('num2').value);

var result = num1 + num2;

通过这次错误,我学到了一些重要的JavaScript知识。我明白了JavaScript对于不同类型的值有不同的处理方式,而这对于我们在开发中的代码是十分重要的。现在,我的计算器可以正常的运行了,这使我感到非常开心和满足。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复