Im pissed at the sloppy developer Hisashi for neglecting to update Animal School Simulator 🤬💢Lion🦁Gutsy and Mashable game's game

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

No:2710

998

←

Prev Next

→

Im pissed at the sloppy developer Hisashi for negl..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/22 12:33:27
Build time 39.793 sec｜Game capacity 4.328KB｜

Script

では、早速アプリの実装を始めましょう！

🦁

以上が、どうぶつスクールシミュレーターのアップデートとして、ライオンガツンとマシマシゲームのアプリ実装になります。スクールシミュレーターの開発者がこのゲームを楽しんでくれると良いですね！🤣🦁

←

Prev　Next

→ 　

Back　

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

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

では、早速アプリの実装を始めましょう！

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>どうぶつスクールシミュレーター - ライオンガツンとマシマシゲーム - </title>
    <style>
        * {
            box-sizing: border-box;
        }
        body {
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background: linear-gradient(to bottom right, #ffafbd, #ffc3a0);
            font-family: 'Noto Sans JP', sans-serif;
        }
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
            background-color: #dcedc8;
            border-radius: 10px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            cursor: pointer;
        }
        .lion {
            width: 33.33%;
            height: 33.33%;
            font-size: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .lion:hover {
            background-color: #f8bbd0;
            color: #fff;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div class="lion" id="lion1">🦁</div>
        <div class="lion" id="lion2">🦁</div>
        <div class="lion" id="lion3">🦁</div>
        <div class="lion" id="lion4">🦁</div>
        <div class="lion" id="lion5">🦁</div>
        <div class="lion" id="lion6">🦁</div>
        <div class="lion" id="lion7">🦁</div>
        <div class="lion" id="lion8">🦁</div>
        <div class="lion" id="lion9">🦁</div>
    </div>

// ライオンをクリックしたときの処理
        const lionClickHandler = (event) => {
            const lionId = event.target.id;
            switch (lionId) {
                case 'lion1':
                    lion1Count++;
                    event.target.innerText = `🦁${lion1Count}`;
                    break;
                case 'lion2':
                    lion2Count++;
                    event.target.innerText = `🦁${lion2Count}`;
                    break;
                case 'lion3':
                    lion3Count++;
                    event.target.innerText = `🦁${lion3Count}`;
                    break;
                case 'lion4':
                    lion4Count++;
                    event.target.innerText = `🦁${lion4Count}`;
                    break;
                case 'lion5':
                    lion5Count++;
                    event.target.innerText = `🦁${lion5Count}`;
                    break;
                case 'lion6':
                    lion6Count++;
                    event.target.innerText = `🦁${lion6Count}`;
                    break;
                case 'lion7':
                    lion7Count++;
                    event.target.innerText = `🦁${lion7Count}`;
                    break;
                case 'lion8':
                    lion8Count++;
                    event.target.innerText = `🦁${lion8Count}`;
                    break;
                case 'lion9':
                    lion9Count++;
                    event.target.innerText = `🦁${lion9Count}`;
                    break;
                default:
                    break;
            }
        }

// ライオンのクリックイベントの設定
        const lions = document.querySelectorAll('.lion');
        lions.forEach(lion => lion.addEventListener('click', lionClickHandler));
    </script>
</body>
</html>