javascript - 没有用简单的代码得到正确的输出

Question

我正在做一个小练习，当点击一个按钮时应该打印所有奇数。当您不填写数字等时会显示错误。当我输入 0 - 50 之间的数字时，我会收到“不是数字”的错误消息。有人可以帮我解决这个小问题吗？

不知道是我的html输出框问题，我的标签问题还是if/else语句有问题。

let inputGetal = document.getElementById("getalInput"); 
//inputNumber
let genereerButton = document.getElementById("genereerButton"); //generateButton
let outputVenster = document.getElementById("outputVenster");
//outputWindow

let getal = inputGetal.value;

let onevenGetallen = () => {
    if(typeof getal == "number" && (getal >= 0 || getal <= 50)) {`enter code here`
       for (let i = 1; i < getal; i + 2) {
           outputVenster.value += i + '<tab>';
       }
    } else {
        outputVenster.value += "Geen goed getal" //not the right number
    }
};

genereerButton.addEventListener("click", onevenGetallen);

我想查看从 1 开始直到达到输入数字的所有奇数。

Answer 1

您需要移动以从函数内部的输入中获取数字，否则您将获得原始值，而不是实际值。

您需要使用 parseInt 将字符串转换为整数radix 为 10。

使用 logical AND && 进行检查，因为这两个条件都必须为 true。

最后你需要一个 addition assignment +=在 for statement 的 final-expression 部分.

let inputGetal = document.getElementById("getalInput"),
    genereerButton = document.getElementById("genereerButton"),
    outputVenster = document.getElementById("outputVenster"),
    onevenGetallen = () => {
        let getal = parseInt(inputGetal.value, 10); // get value, take integer number
        if (getal >= 0 && getal <= 50) {            // logical AND &&
            outputVenster.value = '';               // empty output
            for (let i = 1; i <= getal; i += 2) {   // comparison <=, addition assignment
               outputVenster.value += i + ' ';      // take space as separator
            }
        } else {
            outputVenster.value = "Geen goed getal";
        }
    };

genereerButton.addEventListener("click", onevenGetallen);

<input type="text" id="getalInput"> <input type="text" id="outputVenster"> <button id="genereerButton">go</button>