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

No:20145

←

Prev Next

→

Soda vs milk
Developer User8969｜Date and time 23/10/8 16:28:54
Build time 13.831 sec｜Game capacity 2.102KB｜

Script

Sure! Here's a simple game called "Soda vs Milk" implemented in a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms.

Soda vs Milk

In this game, you can tap on either the soda or milk pictures to attack your chosen enemy. If you successfully hit the enemy, the score for soda increases, and the game declares soda as the winner. However, if you miss the attack, the score for milk increases, and the game declares the enemy as the winner. The opacity of the images represents the current score ratio. Please note that in the script, I assumed there are two image files named "emozi_rabbit.png" and "emozi_apple.png" which you can replace with appropriate pictograms for soda and milk.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game called "Soda vs Milk" implemented in a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Soda vs Milk</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 100px;
      font-family: Arial, sans-serif;
    }
    
    #message {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Soda vs Milk</h1>
  <img id="soda" src="soda.png" width="100" height="100" onclick="attack('soda')">
  <img id="milk" src="milk.png" width="100" height="100" onclick="attack('milk')">
  <p id="message"></p>

function attack(enemy) {
      if (Math.random() < 0.5) {
        score.soda += 1;
        document.getElementById('message').textContent = "You hit the " + enemy + "! Soda wins!";
        document.getElementById('soda').style.pointerEvents = "none";
        document.getElementById('milk').style.pointerEvents = "none";
      } else {
        score.milk += 1;
        document.getElementById('message').textContent = "You missed... The " + enemy + " wins!";
      }

document.getElementById('soda').style.opacity = score.soda / (score.soda + score.milk);
      document.getElementById('milk').style.opacity = score.milk / (score.soda + score.milk);
    }
  </script>
</body>
</html>
```

Please note that in the script, I assumed there are two image files named "soda.png" and "milk.png" which you can replace with appropriate pictograms for soda and milk.