Jogo de O Que Você Prefere Edição Frutas Ele Mostra Frutas Aleatórias ao Clicar num dos 2 Botões.'s game

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

No:45682

←

Prev Next

→

Jogo de O Que Você Prefere Edição Frutas Ele Most..ALL
Developer User19302｜Date and time 24/2/21 2:42:36
Build time 10.352 sec｜Game capacity 1.505KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jogo de O Que Você Prefere Edição Frutas</title>
<style>
  body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
  }

button {
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 10px;
  }
  
  img {
    width: 200px;
    height: 200px;
    margin: 20px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
</style>
</head>
<body>
  <button onclick="chooseFruit(1)">Fruta 1</button>
  <button onclick="chooseFruit(2)">Fruta 2</button>

<img id="fruitImg" src="https://www.fillmurray.com/200/200" alt="fruta">
  
  <script>
    const fruits = [
      "https://image.flaticon.com/icons/png/512/4401/4401020.png", // maçã
      "https://image.flaticon.com/icons/png/512/4145/4145280.png", // banana
      "https://image.flaticon.com/icons/png/512/3148/3148223.png", // abacaxi
      "https://image.flaticon.com/icons/png/512/4145/4145265.png", // morango
    ];

function chooseFruit(choice) {
      const randomIndex = Math.floor(Math.random() * fruits.length);
      const chosenFruit = fruits[randomIndex];
      document.getElementById("fruitImg").src = chosenFruit;

if (choice === randomIndex) {
        alert("Você escolheu a mesma fruta!");
      } else {
        alert("Você escolheu uma fruta diferente!");
      }
    }
  </script>
</body>
</html>