🦁 ライオンガツンとマシマシゲーム 🐒

ライオンをタップしてガツンとマシマシしよう！

スコア: 0

ゲーム概要: ライオンをタップしてスコアを上げるゲームです。タップするとライオンが怒り顔になり、0.5秒後に元に戻ります。スマホで操作できます。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>ライオン ガツンとマシマシゲーム</title>
    <style>
      #lion {
        width: 200px;
        height: 200px;
      }

#button {
        background-color: green;
        border: none;
        color: white;
        font-size: 24px;
        padding: 16px 32px;
        text-align: center;
        cursor: pointer;
      }

#score {
        font-size: 24px;
        padding: 16px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>🦁 ライオン ガツンとマシマシゲーム 🐒</h1>
    <p>ライオンをタップしてガツンとマシマシしよう！</p>
    <p id="score">スコア: 0</p>
    <img id="lion" src="lion.png" alt="ライオン">
    <button id="button">がつん！</button>

function gatsun() {
        count++;
        score.innerText = "スコア: " + count;
        lion.src = "lion_angry.png";
        setTimeout(() => {
          lion.src = "lion.png";
        }, 500);
      }

button.addEventListener("click", gatsun);
    </script>
  </body>
</html>

🦁 ライオン ガツンとマシマシゲーム 🐒

🦁 ライオンガツンとマシマシゲーム 🐒