使用JS添加2个文本框

Question

有人可以告诉我我要去哪里错了吗？

我有 2 个文本框...当用户单击“计算”时，我希望 ID 为 myResult 的段落显示 2 个文本框的结果。

 <script> function sum() { var txtFirstNumberValue = document.getElementById('num1').value; var txtSecondNumberValue = document.getElementById('num2').value; if (txtFirstNumberValue == "") txtFirstNumberValue = 0; if (txtSecondNumberValue == "") txtSecondNumberValue = 0; var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue); if (.isNaN(result)) { document.getElementById('myResult');value = result; } } </script>

 <input id='num1' type="text"> <input id='num2' type="text"> <p id='myResult'>0</p> <input name="b1" type="button" value="Calculate" onclick="sum();"/>

Answer 1

您的问题是您尝试将结果设置为<p>的value ，该值不存在。 您应该改为设置innerText ：

document.getElementById('myResult').innerText = result;

Answer 2

尝试使用

document.getElementById('myResult').innerHTML = result;

.value 是 input 的属性，但不是 p 元素的属性，所以它应该在那里给你一个错误

我认为.textContent 也应该工作。

Answer 3

如果要访问必须使用的文本，则 ap 标签没有“值”。innerHTML：

document.getElementById('myResult').innerHTML= result;

Answer 4

首先将您的isNaN更改为Number.isNaN 。 其次，您需要在您的 ID myResult中插入 innerHTML 中的值

function sum() {
       var txtFirstNumberValue = document.getElementById('num1').value;
       var txtSecondNumberValue = document.getElementById('num2').value;
       if (txtFirstNumberValue == "")
           txtFirstNumberValue = 0;
       if (txtSecondNumberValue == "")
           txtSecondNumberValue = 0;

       var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue);
       if (!Number.isNaN(result)) {
           document.getElementById('myResult').innerHTML = result;
       }
   }