为什么这个 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;

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

Why is this Javascript code not adding to input?

html

javascript

user-input

function

addition