Lion Masimashi Game

遊び方

縦横に並んだボタンをタップして、上下左右の動きでライオンをマシマシしよう！

同じ数字のボタンを連続でタップすると、マシマシポイントが加算されます。

マシマシポイントが0になるとゲーム終了です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Lion Masimashi Game</title>
</head>

<body>
  <div id="game-container">
    <h1>Lion Masimashi Game</h1>
    <h2>遊び方</h2>
    <p>縦横に並んだボタンをタップして、上下左右の動きでライオンをマシマシしよう！</p>
    <p>同じ数字のボタンを連続でタップすると、マシマシポイントが加算されます。</p>
    <p>マシマシポイントが0になるとゲーム終了です。</p>
    <button class="num-btn" data-num="1">1</button>
    <button class="num-btn" data-num="2">2</button>
    <button class="num-btn" data-num="3">3</button>
    <button class="num-btn" data-num="4">4</button>
    <br>
    <button class="num-btn" data-num="5">5</button>
    <button class="num-btn" data-num="6">6</button>
    <button class="num-btn" data-num="7">7</button>
    <button class="num-btn" data-num="8">8</button>
    <br>
    <button class="num-btn" data-num="9">9</button>
    <button class="num-btn" data-num="10">10</button>
  </div>

numBtns.forEach(btn => {
      btn.addEventListener('click', () => {
        const btnNum = Number(btn.dataset.num);
        const btnDiff = Math.abs(prevBtnNum - btnNum);
        if (btnDiff === 1 || btnDiff === 4) {
          point += btnNum;
          prevBtnNum = btnNum;
          btn.textContent = '🦁';
        } else {
          point -= 1;
          btn.textContent = '❌';
        }
        if (point <= 0) {
          endGame();
        }
      });
    });

function endGame() {
      alert(`マシマシポイントが0になりました！あなたのスコアは${point}でした！`);
      location.reload();
    }
  </script>
</body>

</html>