Search code examples
javascriptaddeventlistenerselectors-api

Why do randomNumber keep coming out the same?


I'm making a lottery machine.

You want to enter a random number that is not duplicated in 6 values separately.

But why do I keep typing the same value?

please help me!

const oneBtn = document.querySelector(".turn");
let randomNumber = Math.ceil(Math.random() * 45);

number[0].textContent = randomNumber;

oneBtn.addEventListener("click", function () {
  number[1].textContent = randomNumber;
});

for (let i = 0; i < number.length; i++) {
  console.log(randomNumber);
}```

Solution

  • You need to generate it on every time you want a new number.

    const oneBtn = document.querySelector(".turn");
    const number = document.querySelectorAll(".number");
    
    
    const getRandomNumber = function () {
      return Math.ceil(Math.random() * 45);
    }
    
    number[0].textContent = getRandomNumber();
    
    oneBtn.addEventListener("click", function () {
      number[1].textContent = getRandomNumber();
    });
    
    for (let i = 0; i < number.length; i++) {
      console.log(getRandomNumber());
    }
    <button type="button" class="turn">click</button>
    <div class="number"></div>
    <div class="number"></div>