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

No:27733

←

Prev Next

→

Minato Family
Developer User13809｜Date and time 23/12/8 17:16:23
Build time 37.419 sec｜Game capacity 3.122KB｜

Script

Minato Family Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Minato Family Game</title>
    <style>
      body {
        text-align: center;
        font-size: 28px;
      }
      img {
        width: 150px;
        height: 150px;
        margin: 10px;
      }
      #message {
        font-size: 20px;
        margin-top: 20px;
      }
      button {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 20px;
        background-color: #4CAF50;
        color: white;
      }
    </style>
  </head>
  <body>
    <h1>Minato Family Game</h1>
    <img src="naruto.png" alt="Naruto" id="naruto">
    <img src="sasuke.png" alt="Sasuke" id="sasuke">
    <img src="sakura.png" alt="Sakura" id="sakura">
    <div id="message"></div>
    <button onclick="playGame()">Mulai Game</button>

var naruto = document.getElementById('naruto');
        var sasuke = document.getElementById('sasuke');
        var sakura = document.getElementById('sakura');
        var message = document.getElementById('message');

naruto.onclick = function() {
          if (randomCharacter === 'naruto') {
            naruto.src = "naruto_smile.png";
            sasuke.src = "sasuke_angry.png";
            sakura.src = "sakura_angry.png";
            message.innerHTML = "Selamat! Kamu menang!";
          } else {
            naruto.src = "naruto_sad.png";
            sasuke.src = "sasuke_happy.png";
            sakura.src = "sakura_happy.png";
            message.innerHTML = "Kamu kalah! Coba lagi!";
          }
          resetGame();
        };

sasuke.onclick = function() {
          if (randomCharacter === 'sasuke') {
            naruto.src = "naruto_angry.png";
            sasuke.src = "sasuke_smile.png";
            sakura.src = "sakura_angry.png";
            message.innerHTML = "Selamat! Kamu menang!";
          } else {
            naruto.src = "naruto_happy.png";
            sasuke.src = "sasuke_sad.png";
            sakura.src = "sakura_happy.png";
            message.innerHTML = "Kamu kalah! Coba lagi!";
          }
          resetGame();
        };

sakura.onclick = function() {
          if (randomCharacter === 'sakura') {
            naruto.src = "naruto_angry.png";
            sasuke.src = "sasuke_angry.png";
            sakura.src = "sakura_smile.png";
            message.innerHTML = "Selamat! Kamu menang!";
          } else {
            naruto.src = "naruto_happy.png";
            sasuke.src = "sasuke_happy.png";
            sakura.src = "sakura_sad.png";
            message.innerHTML = "Kamu kalah! Coba lagi!";
          }
          resetGame();
        };

function resetGame() {
          setTimeout(function() {
            message.innerHTML = "";
            naruto.src = "naruto.png";
            sasuke.src = "sasuke.png";
            sakura.src = "sakura.png";
          }, 2000);
        }
      }
    </script>

</body>
</html>