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

Question

我接受用户输入，并使用Javascript在提供的数字上加5。Javascript把数字放在一起(1变成15而不是6(。它还在一个新的页面中打开它；我想把它放在下面的一段里。我是不是把它复杂化了？

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

// 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;