Просмотреть

Проект "Угадай число"

Дана разметка с десятью кнопками. На каждой кнопке висит обработчик события клика - вызов функции guessNum с передачей в нее конкретного числового значения.

Задача: описать функционал функции guessNum, который будет сообщать пользователю информацию о победе или проигрыше, а также о том, что игра окончена в случае, если количество попыток (5 доступных) исчерпано.

Примечание: для объявления переменных используйте директиву var (к сожалению, на Udemy при написании кода в html файле невозможно использовать современный синтаксис).

Стартовый код

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Guess Number</title>

</head>

<body>

<h1>Угадай число</h1>

<p>Загадано число от 1 до 10.</p>

<p>Дается 5 попыток, чтобы отгадать.</p>

<div>

<button onclick=guessNum(1)>1</button>

<button onclick=guessNum(2)>2</button>

<button onclick=guessNum(3)>3</button>

<button onclick=guessNum(4)>4</button>

<button onclick=guessNum(5)>5</button>

<button onclick=guessNum(6)>6</button>

<button onclick=guessNum(7)>7</button>

<button onclick=guessNum(8)>8</button>

<button onclick=guessNum(9)>9</button>

<button onclick=guessNum(10)>10</button>

</div>

<script>

var secretNum = Math.ceil(Math.random() * 10);

var tries = 0;

function guessNum(num) {}

</script>

</body>

</html>

See the Pen Guess num - coding exercise by Mikhail Nepomniashchii (@llamamemisha) on CodePen.