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

No:19189

←

Prev Next

→

Survive Monsters
Developer User8461｜Date and time 23/10/2 0:38:21
Build time 9.711 sec｜Game capacity 2.711KB｜

Script

Sure, here's an example of a simple game called "Survive Monsters" implemented as a single HTML file using JavaScript:

Survive Monsters

👾

In this game, the player's goal is to attack the monster and either defeat it or survive its attacks. The monster's size and the outcome of the attack are determined randomly. The player's score is kept track of with each attack. You can play the game by opening the HTML file in a web browser, and by clicking the "Attack" button to attack the monster. The monster may get defeated, in which case you earn 10 points, or it may attack you, causing you to lose 5 points. The score is displayed at the bottom of the screen.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's an example of a simple game called "Survive Monsters" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Survive Monsters</title>
    <style>
        body {
            text-align: center;
            background-color: #f2f2f2;
            font-family: Arial, sans-serif;
        }
        h1 {
            font-size: 30px;
        }
        #monster {
            font-size: 100px;
        }
        #message {
            font-size: 1000000000000x;
        }
        #score {
            font-size: 24px;
            font-weight: bold;
            margin-top: 20px;
        }
        #button {
            margin-top: 30px;
            padding: 10px 20px;
            font-size: 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
        #button:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>
    <h1>Survive Monsters</h1>
    <p id="monster">👾</p>
    <p id="message"></p>
    <p id="score"></p>
    <button id="button">Attack</button>

var gameScore = 0;

function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }

function attackMonster() {
            var damage = getRandomInt(1, 10);
            monster.style.fontSize = getRandomInt(80, 200) + 'px';

if (damage >= 7) {
                message.textContent = "You defeated the monster!";
                gameScore += 10;
            } else {
                message.textContent = "The monster attacked you!";
                gameScore -= 5;
            }
            
            score.textContent = "Score: " + gameScore;
        }

button.addEventListener('click', attackMonster);
    </script>
</body>
</html>
```

You can play the game by opening the HTML file in a web browser, and by clicking the "Attack" button to attack the monster. The monster may get defeated, in which case you earn 10 points, or it may attack you, causing you to lose 5 points. The score is displayed at the bottom of the screen.