Sprawdzenie czy wpisana liczba jest taka sama jak wylosowana przez komputer

Question

Cześć,

mam problem z takim czymś: chcę pobrać za pomocą input text liczbę i sprawdzić ją input - button i jeżeli liczba będzie taka sama jak liczba wylosowana przez komputer to ma wyświetlić odpowiedni komunikat. Jak połączyć pole do wpisania z przyciskiem?

Na razie mam takie coś, ale nie działa

 var button = document.querySelector('input[type="button"]');
 var input = document.querySelector('input[type="text"]');
 var randomNumber = Math.floor(Math.random() * 10);
 var h2 = document.querySelector('h2');

 button.addEventListener("click", function () {
            if (input == randomNumber) {
                h2.classList.add('active');
            }

        })

 

Answer 1

Pod zmienną input masz element HTML <input> i porównujesz go do wartości liczbowej w zmiennej randomNumber. Powinieneś zamiast tego porównać wartość atrybutu z tą liczbą, czyli:

if (input.value == randomNumber) {

Dodatkowo, warto sparsować input.value na liczbę (bo jest to string) i skorzystać z potrójnego operatora porównania.

Comments

Co do tego parsowania to przychodzą mi do głowy takie sposoby: parseInt(input.value), Number(input.value) oraz input.value * 1, jednak nie chcą one działać, bo dalej np. po wpisaniu w pole liczby 8 to w konsoli jest input.value w stringu

---

const zmiennaKtoraMaBycIntem = ParseInt(input.value)

parseInt przypisujsz do zmniennej?

ewentualnie spróbuj

const zmiennaKtoraMaBycIntem = parseInt(input.value, 10)

 

---

dzieki! a znasz może jakies strony z zadaniami z js dla początkująych?