为什么此Javascript代码未添加到输入中?

我正在接受用户输入,并使用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)。

yantingshuang 回答:为什么此Javascript代码未添加到输入中?

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

var result = Number(myNumber) + 5;

然后将值赋给ID为myresult的p标签

document.getElementById("myResult").innerHTML = result;
本文链接:https://www.f2er.com/3154972.html

大家都在问