Click here for free DL of the app version that can save data.

No:47887

92

Lia The Little Girl's Adventure: Curse Of Growing
Developer User20657｜Date and time 24/3/1 2:48:42
Build time 19.946 sec｜Game capacity 4.249KB｜

Приключения Лии: Проклятие роста

Привет! Ты готов отправиться в увлекательное приключение вместе с Лией?

→ 　

0　

0　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lia’s Adventure: Curse Of Growing</title>
<style>
  body {
    font-family: Arial, sans-serif;
    text-align: center;
  }
  #game-container {
    margin: 50px auto;
  }
  .btn {
    padding: 10px 20px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
</style>
</head>
<body>
<div id="game-container">
  <h1>Приключения Лии: Проклятие роста</h1>
  <p>Привет! Ты готов отправиться в увлекательное приключение вместе с Лией?</p>
  <button class="btn" id="start-btn">Начать игру</button>
</div>

<script>
  const gameContainer = document.getElementById('game-container');
  const startBtn = document.getElementById('start-btn');
  
  startBtn.addEventListener('click', startGame);
  
  function startGame() {
    gameContainer.innerHTML = `
      <h2>Этап 1: Лес</h2>
      <img src="forest.png" alt="лес">
      <p>Лия оказалась в лесу. Какой путь она выберет?</p>
      <button class="btn" id="left-btn">Пойти налево</button>
      <button class="btn" id="right-btn">Пойти направо</button>
    `;
    
    const leftBtn = document.getElementById('left-btn');
    leftBtn.addEventListener('click', goToLeft);
    const rightBtn = document.getElementById('right-btn');
    rightBtn.addEventListener('click', goToRight);
  }
  
  function goToLeft() {
    gameContainer.innerHTML = `
      <h2>Этап 2: Река</h2>
      <img src="river.png" alt="река">
      <p>Лия заметила реку перед собой. Что она сделает?</p>
      <button class="btn" id="swim-btn">Переплыть реку</button>
      <button class="btn" id="search-btn">Поискать мост</button>
    `;
    
    const swimBtn = document.getElementById('swim-btn');
    swimBtn.addEventListener('click', gameOver);
    const searchBtn = document.getElementById('search-btn');
    searchBtn.addEventListener('click', goForward);
  }
  
  function goToRight() {
    gameContainer.innerHTML = `
      <h2>Этап 2: Город</h2>
      <img src="city.png" alt="город">
      <p>Лия вошла в город. Что она увидит там?</p>
      <button class="btn" id="explore-btn">Исследовать город</button>
      <button class="btn" id="hide-btn">Спрятаться</button>
    `;
    
    const exploreBtn = document.getElementById('explore-btn');
    exploreBtn.addEventListener('click', foundTreasure);
    const hideBtn = document.getElementById('hide-btn');
    hideBtn.addEventListener('click', goForward);
  }
  
  function gameOver() {
    gameContainer.innerHTML = `
      <h2>Конец игры</h2>
      <p>Лия не смогла переплыть реку и утонула. Игра окончена.</p>
    `;
  }
  
  function foundTreasure() {
    gameContainer.innerHTML = `
      <h2>Поздравляем!</h2>
      <img src="treasure.png" alt="сокровища">
      <p>Лия нашла сокровища в городе! Игра пройдена!</p>
    `;
  }
  
  function goForward() {
    gameContainer.innerHTML = `
      <h2>Этап 3: Гора</h2>
      <img src="mountain.png" alt="гора">
      <p>Лия видит перед собой гору. Что дальше?</p>
      <button class="btn" id="climb-btn">Подняться на гору</button>
      <button class="btn" id="return-btn">Вернуться обратно</button>
    `;
    
    const climbBtn = document.getElementById('climb-btn');
    climbBtn.addEventListener('click', foundDragon);
    const returnBtn = document.getElementById('return-btn');
    returnBtn.addEventListener('click', foundTreasure);
  }
  
  function foundDragon() {
    gameContainer.innerHTML = `
      <h2>О нет!</h2>
      <img src="dragon.png" alt="дракон">
      <p>На вершине горы Лия встретила дракона. Игра окончена!</p>
    `;
  }
</script>
</body>
</html>