Залікова робота

Ви — герой з 100 балами життя, який опинився в печері. У вас є 10 спроб, щоб вибрати правильний шлях і вийти з печери. Якщо ви виберете неправильний шлях, то втратите бали життя. Якщо виберете правильний — наблизитесь до виходу.
Програма запитує у користувача, який шлях він вибирає — право чи ліво. Користувач вводить число: 1 для лівого шляху і 2 для правого. Кожен вибір користувача виводиться на сторінку. Правильний напрямок відображається зеленим кольором, а неправильний — червоним. Якщо ви програєте, background color вашого повідомлення на сторінці стане червоним, а якщо виграєте — background color зелений.
Якщо користувач введе число, яке не відповідає правильному напрямку (1 або 2), це вважається неправильним вибором.

Умови гри:
У вас є 10 спроб та 100 балів життя

Якщо ви успішно виберете правильний шлях (повідомлення: «Ви на правильному шляху!», або щось своє), ви вийдете з печери і виграєте.

Фото для заліку (також можна вибрати будь-яке фото на власний розсуд).

Код-Шаблон:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>5 Залік Квест Кімната</title>
 <style>
 body{ padding: 0; margin: 0; background-image: url(QuestRoom.jpg); background-size: 100% auto; }
.text{ margin: 150px 0px; }
.size{ width: 400px; border: 10px double black; }
.size div{ border: 1px solid black; }
#gameStatus{ border: 5px solid black; font-weight: bold; font-family: Cursive; }
     </style>
</head>
<body>
<div align="center" class="text">
 <div class="size">
 <div id="gameStatus">Статус гри: Залишилось спроб та балів життя</div>
 <div id="choice1"></div> <div id="choice2"></div> <div id="choice3"></div> <div id="choice4"></div> <div id="choice5"></div>
 <div id="choice6"></div> <div id="choice7"></div> <div id="choice8"></div> <div id="choice9"></div> <div id="choice10"></div>
 </div>
 </div>
<script> </script>
</body>
</html>