为什么这个 Javascript 代码没有添加到输入中？

Question

我正在接受用户输入并使用 Javascript 将 5 添加到提供的数字。 Javascript 将数字放在一起（1 变为 15 而不是 6）。它也在新页面中打开它；我想要它在它自己的段落下面。我是不是把事情复杂化了？

我创建了一个函数来调用以获取用户输入，检查数字是否在 0 到 10 之间，如果是，则添加 5。如果不是，则会出现一条错误消息，提示输入 0 到 10 之间的数字。代码在下面，这是我为它制作的 GitHub repo。

// This code checks if input is between 0 and 10. If it is code will run (in this case addition), if not error message occurs. 
function number() {
    var myNumber = document.getElementById('inputNumber').value;
    if (myNumber >= 0 || myNumber <= 10) {
        var result = myNumber + 5;
        document.write(result).innerHTML;
    } else {
        document.write("Please input a number between 0 and 10.");
    }
}

<section>
        <span>Enter a number between 0 and 10.</span><br>
        <textarea id="inputNumber" label="Enter a number between 0 and 10."></textarea>
        <br>
        <button id="numberResult" onclick="number()">Click here to run addition Javascript!</button>
        <p id="myResult"></p>
    </section>

所以 Javascript 应该接受用户输入（0 到 10 之间的数字）并将其添加到 5。发生的情况是数字只是标记到 5 并在单击按钮显示时在新页面中打开结果。即 1 变为 15 而不是 6 (1 + 5)。

Answer 1

您需要先将字符串转换为整数

var result = Number(myNumber) + 5;

然后给 id 为 myresult 的 p 标签赋值

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