如何确保在输入字段中输入新数字时脚本/<p> 标签刷新？

Question

So I have this script, when I input a number and press the button it says if its a prime number or not, but when I put a new number the <p> tag does not refresh, it keeps the result of the first input.

var primeResult;
var number;

window.addEventListener("load", Init);
 
function Init(){
number = Number(document.getElementById("PrimeNumb").value);
primeResult = document.getElementById("PrimeResult");
let primeButton = document.getElementById("btn");
primeButton.addEventListener("click",IsPrime);
}

function IsPrime()
    {
        var i,flag=0;

        for(i=2; i <= number/2; i++)
        {
            if(number%i == 0)
            {
                flag = 1;
                break;
            }
        }
        if(flag == 0)
        {
            primeResult.innerHTML = number + " is een prime nummer!";
        }
        else
        {
            primeResult.innerHTML = number + " is geen prime nummer!";
        }
    }

Answer 1

您可以对输入使用事件处理程序，例如change或input

document.getElementById("PrimeNumb").addEventListener('input', IsPrime);

Answer 2

好的所以我已经修复了它，我将 ```let number = Number(numberElement.value)```` 放在 IsPrime 函数中，它解决了我的问题

Answer 3

You have the init method on page load initializing your number variable. Hence it always checks if the the first value is prime.

You can add the isPrime event handler directly on the input element like Josh mentioned or you can change your isPrime method to always get the current number value like you already have it in your init function.

number = Number(document.getElementById("PrimeNumb").value);