Что делать с событием onkeypress?

Question

[Den Tays]

У меня есть код, в котором игра активируется на событие onclick по кнопке. Можно ли сделать так, чтобы кнопка так же нажималась на Enter?

<p>Введите число:<br><br> <input type="text" id="mynum"></p>
<p id="out"></p>
<p id="count">Попыток осталось: 3</p>
<button id="check">Проверить</button>

var number = Math.floor(10 * Math.random()) + 1
var count = 3;

document.getElementById('check').onclick = function() {
	if (count > 0) {
		var usernum = document.getElementById('mynum').value
		usernum = parseInt(usernum)
		var out = document.getElementById('out')
		if (usernum == number) {
			out.innerHTML = "Ура, вы угадали!"
			alert('Вы победили, давайте сыграем ещё!')
			
			location.reload()

		}
		else if (usernum > number) {
			out.innerHTML = 'Перелёт!'
		}
		else if (usernum < number) {
			out.innerHTML = 'Недолёт!'
		}
		document.getElementById('count').innerHTML = 'Осталось попыток: ' +count
		count = count - 1
	}
		else {
			alert ('Попытки закончились, вы проиграли! Страница будет перезагружена!')
			location.reload()
		}

}

Answer 1

[dummyman]

Обрамите весь этот html в <form>
Кнопке пропишите тип <button id="check" type="submit">
И слушайте вместо onlick кнопки onsubmit у формы
перезагрузку страницы предотвратит event.preventDefault();

Comments

[dummyman]

document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
//.... тут свой код дальше
});

[dummyman]

Den Tays:
getElementById() - это из учебников двадцатого века, юзай querySelector()
addEventListener() позволяет навешивать несколько обработчиков на одно событие. Но можно так же как и было

form.onsubmit = function(event) {
event.preventDefault();
//....
}