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

No:17261

128

←

Prev Next

→

those a menu That lets you spawn fruits People Wi..ALL
Developer User7456｜Date and time 23/9/23 2:20:09
Build time 26.78 sec｜Game capacity 2.457KB｜

Script

Fruit People Game

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Fruit People Game</title>
    <style>
        body {
            background-color: #ededed;
            text-align: center;
        }
        h1 {
            color: #222222;
            margin: 20px;
        }
        #menu {
            margin: 20px;
            padding: 10px;
            background-color: #f2f2f2;
            display: inline-block;
        }
        button {
            margin: 5px;
            padding: 10px;
            font-size: 16px;
        }
        #game-board {
            margin-top: 50px;
            font-size: 30px;
            line-height: 50px;
        }
        .character {
            display: inline-block;
            padding: 5px;
        }
        #fruit-character {
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1>Fruit People Game</h1>
    <div id="menu">
        <button onclick="spawnFruit('apple')">Spawn Apple</button>
        <button onclick="spawnFruit('melon')">Spawn Melon</button>
        <button onclick="spawnFruit('corn')">Spawn Corn</button>
        <button onclick="spawnFruit('pumpkin')">Spawn Pumpkin</button>
        <button onclick="spawnCharacter('robot')">Spawn Robot</button>
    </div>
    <div id="game-board">
        <div id="fruit-characters">
            <div id="apple-character" class="character"><img src="apple.png" alt="Apple"></div>
            <div id="melon-character" class="character"><img src="melon.png" alt="Melon"></div>
            <div id="corn-character" class="character"><img src="corn.png" alt="Corn"></div>
            <div id="pumpkin-character" class="character"><img src="pumpkin.png" alt="Pumpkin"></div>
        </div>
        <div id="robot-characters">

</div>
    </div>

function spawnFruit(fruit) {
            fruitCharacters[fruit]++;
            document.getElementById(fruit + '-character').innerHTML = fruit + ': ' + fruitCharacters[fruit];
        }

var robotCharacters = 0;

function spawnCharacter(character) {
            robotCharacters++;
            var robotCharacter = document.createElement('div');
            robotCharacter.innerHTML = 'Robot ' + robotCharacters;
            document.getElementById('robot-characters').appendChild(robotCharacter);
        }
    </script>
</body>
</html>