Witam chcę sobie zrobić lotto, i tutaj się rodzi moje pytanie. Chcę żeby number był przypisywany do tablicy i porównywany z tablicą losów użytkownika.
const randomNumbers = document.querySelector('button');
const userNumbersValue = document.getElementById('userNumbers');
const addNumbers = document.getElementById('pushNumbers');
const drawnNumbers = document.querySelector('.lotek');
const removeNumbers = document.getElementById('removeNumbers');
let lottoNumbers = [];
for (let i = 1; i < 50; i++) {
lottoNumbers.push(i);
}
let userNumbers = [];
addNumbers.addEventListener('click', function () {
userNumbers.push(userNumbersValue.value);
});
removeNumbers.addEventListener('click', function () {
clearNumbers = confirm("Czy na pewno chcesz wyczyścić swoje typy?");
if (clearNumbers == true) {
userNumbers = [];
};
});
randomNumbers.addEventListener('click', function () {
for (let i = 0; i < 6; i++) {
let number = Math.round(Math.random() * (lottoNumbers.length - 1));
const div = document.createElement('div');
div.textContent = number;
drawnNumbers.appendChild(div);
};
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="css/style.min.css">
</head>
<body>
Podaj liczby<input type="text" id="userNumbers">
<input type="submit" value="OK" id="pushNumbers"><br>
Wyczysc swoje liczby<input type="submit" value="OK" id="removeNumbers">
<button>Wylosuj liczby</button>
<div class="lotek"></div>
<script src="main.js"></script>
</body>
</html>