26
4
I'm trying to make a simple calculator, however, when I try to add two numbers, I'm getting the NaN result.
我正在试着做一个简单的计算器，然而，当我试着把两个数字相加时，我得到的是NaN结果。
Before this problem, the function sumar() was returning [object HTMLInputElement][object HTMLInputElement], however after adding + when calling the dom, it returns NaN.
在这个问题之前，函数Sumar()返回[对象HTMLInputElement][对象HTMLInputElement]，但是在调用DOM时加上+后，它返回NaN。
HTML File
超文本标记语言文件
个人中心
文章发布
退出<body>
<form>
<div>
<label for="op1">Ingrese un numero</label>
<input type="number" value="0" id="op1"/>
</div>
<div>
<label for="op2">Ingrese otro numero</label>
<input type="number" value="0" id="op2"/>
</div>
</form>
<div id="resultado">0</div>
<button onclick="sumar()">Sumar</button>
<script src="./script.js"></script>
</body>
JS file
JS文件
const sumar = ()=> {
const op1 = +document.getElementById("op1");
const op2 = +document.getElementById("op2");
document.getElementById("resultado").innerHTML = op1 + op2;
}
You're getting the elements but not the .value properties of the elements.
您得到的是元素，而不是元素的.Value属性。
Also be careful that .value always is a string, so you have to explicitly make them numbers before adding.
还要注意的是，.value始终是一个字符串，因此在相加之前必须显式地将其设置为数字。
@Pointy Yep. He already converted the string to integer by using the '+' operator in JavaScript.
@尖尖的是的。他已经在JavaScript中使用‘+’运算符将字符串转换为整数。
@iTzVoko well had the .value part been there after getElementById() then yea
@iTzVoko如果.Value部分在getElementById()之后存在，那么是的
You need to get the value of the elements
您需要获取元素的值
const sumar = ()=> {
const op1 = +document.getElementById("op1").value;
const op2 = +document.getElementById("op2").value;
document.getElementById("resultado").innerHTML = op1 + op2;
}
And parseInt() or parseFloat() to remove the error
和parseInt()或parseFloat()来删除错误
const sumar = ()=> {
const op1 = +document.getElementById("op1").value;
const op2 = +document.getElementById("op2").value;
document.getElementById("resultado").innerHTML = parseFloat(op1) + parseFloat(op2);
}
Make sure you are not receiving string values . try using
确保您没有收到字符串值。试着使用
parseInt(op1)+parseInt(op2)
In your javascript file, try to replace your code with this
在您的Java脚本文件中，尝试用以下代码替换您的代码
const sumar = () => {
const op1 = document.getElementById("op1").value
const op2 = document.getElementById("op2").value
document.getElementById("resultado").innerHTML = parseInt(op1) +
parseInt(op2)
}
i've try in playcode.io, and that's work well.
我在playcode.io中尝试过，效果很好。
Yes, this was it. Thank you for your help and hope you have a great day.
是的，就是这里。谢谢你的帮助，希望你有一个美好的一天。
He already converted the input value to an integer using the '+' operator in JavaScript; so there's no need for parseInt or parseFloat parsing functions.
他已经在JavaScript中使用‘+’运算符将输入值转换为整数；因此不需要parseInt或parseFloat解析函数。
Looks good too, but the other answer had more explanation. Thanks for trying :)
看起来也不错，但另一个答案有更多的解释。感谢您的尝试：)
He's already converted the input to an integer, by using the '+' sign in JavaScript. +'24' is 24 integer.
他已经通过在JavaScript中使用‘+’符号将输入转换为整数。+‘24’是24整数。
26
4
0
我有以下案例要解决。 在短语中突出显示关键字的 Javascript 方法。 vm.highlightKeywords = (phrase, keywords) => { keywords =
我要匹配文本中的所有美元符号单词。例如，"Hello $VARONE this is $VARTWO"可以匹配$VARONE和$VARTWO。 正则表达式应该是/\$(\w+)/g，但是当我在Dart
在 redux 中，对于将状态作为参数、更改状态并返回新状态的特定操作，您会在 switch 语句中调用什么函数？ function reducer(state = DEFAULT_STATE, ac
在 MySQL 5.1 中，我将一个字段命名为“Starting”。但是，每次我使用 SQL 查询时，它都会说无效的 SQL 语法。经过一些谷歌搜索，我发现 STARTING 是一个保留的 SQL 词
我必须使用函数 isIn(secretWord,lettersGuessed) 从列表中找到密码。在下面发布我的代码。 def isWordGuessed(secretWord, lettersGue
一段时间以来，我一直无法找到两个字符串中最长的常用词。首先我想到了用“isspace”函数来做这件事，但不知道如何找到一个常用词。然后我想到了“strcmp”，但到目前为止我只能比较两个字符串。我在想
我目前正在尝试制作一种“单词混合器”:对于两个给定的单词和指定的所需长度，程序应返回这两个单词的“混合”。然而，它可以是任何类型的混合:它可以是第一个单词的前半部分与第二个单词的后半部分相结合，它可以
如果 After 之后(逗号之前)没有 -ing 词，我想匹配它。所以 After 和逗号之间不应该有 -ing 词。 所需的匹配项(粗体): After sitting down, he began
我一直在试验 Stanford NLP 工具包及其词形还原功能。我很惊讶它如何使一些词词形还原。例如: depressing -> depressing depressed -> depressed
js 并尝试根据 [这里] 中的示例代码来做词云:https://github.com/jasondavies/d3-cloud .我想做的是单词的字体大小是基于数组中单词的频率。例如我有 [a,a,
我正在处理一个文本分类问题(在法语语料库上)，并且正在试验不同的词嵌入。我对 ConceptNet 提供的内容非常感兴趣，所以我决定试一试。 我无法为我的特定任务找到专门的教程，所以我听取了他们的建议
当我在文本中搜索时，我输入 C-s，然后输入单词，然后一次又一次地输入 C-s，光标前进到找到的单词的下一个位置。问题是，一旦我转到下一个单词，我无法在按钮处编辑迷你缓冲区中的搜索单词，如果我按 Ba
我正在尝试按照以下结构运行这个 maven Hello Word: ├── pom.xml └── src └── Main.java 使用pom.xml设置: 4.0.0
所以，从我可以开始的.. 我正在使用 OCR。该脚本非常适合我的需要。它检测单词的准确性对我来说还可以。 这是结果:附加图像 100% 准确。 from PIL import Image import
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想要改善这个问题吗？更新问题，以便将其作为on-topi
这是细节，但我想知道为什么会这样。 示例代码: Class klasa = Enum.class; for(Type t : klasa.getGenericInterfaces()) Syst
我在用: var header = ""+ "Export HTML to Word Document with JavaScript"; var footer = ""; /
我有一个程序可以像这样将数据打印到控制台(以空格分隔): variable1 value1 variable2 value2 variable3 value3 varialbe4 value4 编辑:
我有一个程序可以像这样将数据打印到控制台(以空格分隔): variable1 value1 variable2 value2 variable3 value3 varialbe4 value4 编辑:
最近我在查看与goliath相关的一些代码时，偶然在Ruby代码中看到了这个词use。 , 中间件等。看起来它不同于include/extend, and require. 有人可以解释为什么存在这个
我是一名优秀的程序员,十分优秀！