index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<h3>Угадай число от 1 до 10</h3>
<p>Введите число: <input type="text" id="mynum"></p>
<p id="out"></p>
<p id="count">Попыток: 4</p>
<button id="check">Проверить</button>
</body>
</html>
1.js
// var number = Math.floor(Math.random() * (10 - 1 + 1)) + 1;
var number = Math.floor(10*Math.random()) + 1; // случайное число от 1 до 10
console.log(number);
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 = 'Ура! Вы угадали!';
}
else if(usernum > number) {
out.innerHTML = 'Перелет...';
}
else if(usernum < number) {
out.innerHTML = 'Недолет...';
}
document.getElementById('count').innerHTML = 'Осталось попыток: ' + count;
count = count - 1;
}
else {
alert('Попытки закончены, вы проиграли! Страница будет перезагружена.');
location.reload(); // перезагрузка страницы
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<h3>Угадай число от 1 до 10</h3>
<p>Введите число: <input type="text" id="mynum"></p>
<p id="out"></p>
<p id="count">Попыток: 4</p>
<button id="check">Проверить</button>
</body>
</html>
1.js
// var number = Math.floor(Math.random() * (10 - 1 + 1)) + 1;
var number = Math.floor(10*Math.random()) + 1; // случайное число от 1 до 10
console.log(number);
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 = 'Ура! Вы угадали!';
}
else if(usernum > number) {
out.innerHTML = 'Перелет...';
}
else if(usernum < number) {
out.innerHTML = 'Недолет...';
}
document.getElementById('count').innerHTML = 'Осталось попыток: ' + count;
count = count - 1;
}
else {
alert('Попытки закончены, вы проиграли! Страница будет перезагружена.');
location.reload(); // перезагрузка страницы
}
}
Комментариев нет:
Отправить комментарий