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

No:25924

←

Prev Next

→

Red hat VS Blue Hat
Developer User12722｜Date and time 23/11/25 9:26:04
Build time 28.302 sec｜Game capacity 1.827KB｜

Script

Sure! Here's a simple game implementation of Red Hat VS Blue Hat, using JavaScript and pictograms. Remember to save the code as a single HTML file and enclose it within script tags:

Red Hat vs Blue Hat

In this game, there are two pictograms representing Red Hat and Blue Hat. Depending on a random number, one of the hats is highlighted, indicating the winner. The result is displayed below the hats. When you open the HTML file on a smartphone, it will automatically start the game. You can play it multiple times by refreshing the page.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a simple game implementation of Red Hat VS Blue Hat, using JavaScript and pictograms. Remember to save the code as a single HTML file and enclose it within script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Add some basic styling */
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Red Hat vs Blue Hat</h1>
  
  <img id="redHat" src="red-hat.png" alt="Red Hat" width="100" height="100">
  <img id="blueHat" src="blue-hat.png" alt="Blue Hat" width="100" height="100">
  
  <p id="result"></p>
  
  <script>
    // Function to handle the game logic
    function playGame() {
      var randomNum = Math.random(); // Generate a random number between 0 and 1
      
      var redHatImg = document.getElementById("redHat");
      var blueHatImg = document.getElementById("blueHat");
      var resultText = document.getElementById("result");
      
      // Determine the winner based on the random number
      if (randomNum < 0.5) {
        redHatImg.style.border = "5px solid red"; // Highlight the red hat
        blueHatImg.style.border = "";
        resultText.textContent = "Red Hat Wins!";
      } else {
        redHatImg.style.border = "";
        blueHatImg.style.border = "5px solid blue"; // Highlight the blue hat
        resultText.textContent = "Blue Hat Wins!";
      }
    }
    
    // Start the game when the page loads
    window.onload = playGame;
  </script>
</body>
</html>
```