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

No:37565

←

Prev Next

→

Flip a coin, tails
Developer User17064｜Date and time 24/1/21 5:45:04
Build time 8.113 sec｜Game capacity 2.113KB｜

Script

Here's an example of a simple coin flipping game implemented as a single HTML file using JavaScript and enclosed in script tags:

Coin Flip Game

In this game, when the "Flip Coin" button is clicked, a random coin side (0: heads, 1: tails) is generated using the `flipCoin()` function. Then, the result is displayed as text and the corresponding coin image is shown. You can replace the image URLs (`emozi_all/game.png`, `emozi_chicken.png`, `emozi_rabbit.png`) with your own image URLs to use pictograms instead.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Here's an example of a simple coin flipping game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Coin Flip Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }

h1 {
      margin-top: 50px;
    }

#coin {
      width: 200px;
      height: 200px;
      margin-top: 50px;
    }

#result {
      font-size: 24px;
      font-weight: bold;
    }

#btn-flip {
      padding: 10px 20px;
      font-size: 18px;
      margin-top: 30px;
      cursor: pointer;
      background-color: #ffc107;
      border: none;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <h1>Coin Flip Game</h1>
  <img id="coin" src="https://example.com/coin.png" alt="Coin">
  <p id="result"></p>
  <button id="btn-flip">Flip Coin</button>

// Display the result of the coin flip
    function displayResult(result) {
      var resultElem = document.getElementById("result");
      var coinElem = document.getElementById("coin");

if (result === 0) {
        resultElem.textContent = "Heads!";
        coinElem.src = "https://example.com/coin_heads.png";
      } else {
        resultElem.textContent = "Tails!";
        coinElem.src = "https://example.com/coin_tails.png";
      }
    }

// Handle button click event
    var btnFlip = document.getElementById("btn-flip");
    btnFlip.addEventListener("click", function() {
      var result = flipCoin();
      displayResult(result);
    });
  </script>
</body>
</html>
```

In this game, when the "Flip Coin" button is clicked, a random coin side (0: heads, 1: tails) is generated using the `flipCoin()` function. Then, the result is displayed as text and the corresponding coin image is shown. You can replace the image URLs (`https://example.com/coin.png`, `https://example.com/coin_heads.png`, `https://example.com/coin_tails.png`) with your own image URLs to use pictograms instead.