AI game creator

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

No:10884

←

Prev Next

→

Pokemon card game
Developer User4708｜Date and time 23/8/5 11:49:48
Build time 16.296 sec｜Game capacity 1.987KB｜

Script

🔥

💧

🌿

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Juego de Cartas de Pokémon</title>
<style>
    #game {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    #hand {
      display: flex;
      justify-content: space-around;
      margin-bottom: 10px;
    }
    .card {
      width: 100px;
      height: 150px;
      background-color: lightblue;
      border: 1px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #play-btn {
      padding: 10px;
      background-color: green;
      color: white;
      border: none;
      cursor: pointer;
    }
    #outcome {
      font-size: 20px;
      margin-top: 10px;
    }
</style>
</head>
<body>
<div id="game">
  <div id="hand">
    <div class="card">🔥</div>
    <div class="card">💧</div>
    <div class="card">🌿</div>
  </div>
  <button id="play-btn">Jugar</button>
</div>
<p id="outcome"></p>
<script>
// Obtiene una carta aleatoria
function getRandomCard() {
  var cards = ['🔥', '💧', '🌿'];
  var randomIndex = Math.floor(Math.random() * cards.length);
  return cards[randomIndex];
}

// Evalúa el resultado del juego
function playGame() {
  var cards = document.querySelectorAll('.card');
  
  var playerCard = getRandomCard();
  var opponentCard = getRandomCard();
  
  cards.forEach(function(card) {
    card.classList.add('disabled'); // Deshabilita las cartas después de jugar
  });
  
  var outcome = "";
  
  if (playerCard === opponentCard) {
    outcome = "¡Empate!";
  } else if (
    (playerCard === '🔥' && opponentCard === '💧') ||
    (playerCard === '💧' && opponentCard === '🌿') ||
    (playerCard === '🌿' && opponentCard === '🔥')
  ) {
    outcome = "¡Has ganado!";
  } else {
    outcome = "¡Has perdido!";
  }
  
  document.getElementById("outcome").innerText = "Resultado: " + outcome;
}

document.getElementById("play-btn").addEventListener("click", playGame);
</script>
</body>
</html>