Zombie vs sniper battle's game

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

No:15801

←

Prev Next

→

Zombie vs sniper battle
Developer User6895｜Date and time 23/9/12 0:28:15
Build time 25.864 sec｜Game capacity 2.635KB｜

Script

Sure, here is a simple HTML game called "Zombie vs. Sniper Battle" implemented as a single HTML file using JavaScript. The game is playable on smartphones and uses pictograms for visual representation.

🧟

🎣

To play the game, open the HTML file in a web browser on your smartphone. When you tap the "Shoot" button, a random strength is assigned to both the zombie and the sniper. If the sniper's strength is higher, you win, and a success message is displayed. Otherwise, you lose, and a game over message is shown. To play again, tap the "Restart" button. The game uses pictograms for the zombie (`🧟`) and the sniper (`🎣`).

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Zombie vs Sniper Battle</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }
      .container {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        height: 100vh;
      }
      #zombie, #sniper {
        font-size: 10em;
      }
      #result {
        font-size: 3em;
        margin-top: 50px;
        text-align: center;
      }
      #result.won {
        color: green;
      }
      #result.lost {
        color: red;
      }
      button {
        font-size: 2em;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
      }
      #shoot {
        background-color: red;
        color: white;
      }
      #restart {
        background-color: grey;
        color: white;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div id="zombie">🧟</div>
      <button id="shoot">Shoot</button>
      <div id="sniper">🎣</div>
    </div>
    <div id="result"></div>
    
    <script>
      document.getElementById('shoot').addEventListener('click', function() {
        var resultElem = document.getElementById('result');
        resultElem.innerText = '';

var zombieStrength = Math.floor(Math.random() * 10);
        var sniperStrength = Math.floor(Math.random() * 10);

if (sniperStrength > zombieStrength) {
          resultElem.classList.add('won');
          resultElem.innerText = 'You have successfully killed the zombie!';
        } else {
          resultElem.classList.add('lost');
          resultElem.innerText = 'The zombie has overcome you. Game over!';
        }
      });

document.getElementById('restart').addEventListener('click', function() {
        var resultElem = document.getElementById('result');
        resultElem.innerText = '';
        resultElem.classList.remove('won', 'lost');
      });
    </script>
  </body>
</html>
```