javascript - 使用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();"/>

标签： javascripthtml

Answer 1

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

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