Как исправить код js на if if оператор с номером Input

Question

Я хотел, чтобы пользователь ввел число, и если число кратно 3 или 5, я хочу слово / параграф, который говорит: «Ты ведьма»

создал функцию, но я не могукажется, что он работает

var x;

function pop() {
  for (x = 1; x <= 100; x++)
    if (x % 3 == 0) {
      document.getElementById('onClick').innerHTML = 'You are a Warrior';
    } else if (x % 5 == 0) {
      document.getElementById('onClick').innerHTML = 'You are a wizard';
    } else if (x % 3 == 0 && x % 5 == 0) {
      document.getElementById('onClick').innerHTML = 'You are a Sage';
    } else {
      document.getElementById('onClick').innerHTML = 'invalid';
    }
}

<input type="number" id="x">
<br>
<br>
<center><button onclick="pop()">Click Me</button> </center>  
<br>
<br>
<p id="onClick"></p>

Answer 1

Вы никогда не читаете пользовательский ввод.У вас есть петля, где ее не должно быть.Вам нужно изменить порядок сравнений.

function pop(){
    var x = document.getElementById("x").value;
    
    if (x % 3 == 0 && x % 5 == 0) {
        document.getElementById('onClick').innerHTML = "You are a Sage";
    }
    else if (x % 3 == 0 ) {
        document.getElementById('onClick').innerHTML = "You are a Warrior";
    }
    else if (x % 5 == 0){
        document.getElementById('onClick').innerHTML = "You are a wizard";
    }
    else {
        document.getElementById('onClick').innerHTML = "invalid";
    } 
}

<input type="number" id="x">
<br>
<br>
<center><button onclick="pop()">Click Me</button> </center>  
<br>
<br>
<p id="onClick"></p>