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

No:38790

どうぶつスクールシミュレーター存在しない記憶ライオン🦁が使える世界線
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 24/1/25 15:11:04
Build time 15.887 sec｜Game capacity 2.569KB｜

Script

了解です。以下に、要件に沿った「どうぶつスクールシミュレーター」のHTMLファイルを実装します。

どうぶつスクールシミュレーター

画面をタップしてどうぶつ学校でのイベントを進めてください

実装したプログラムは、「どうぶつスクールシミュレーター」というタイトルのゲームです。ページを開いた後、画面をタップすると学校に新しいどうぶつがやってくるイベントが進行します。そのイベントのログが表示されるようになっています。新しいどうぶつは絵文字で表現され、既に学校にいる動物と重複しないように制御されています。なお、スマホで操作することを前提としていますので、実際にスマホで開いて動作することをおすすめします。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です。以下に、要件に沿った「どうぶつスクールシミュレーター」のHTMLファイルを実装します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>どうぶつスクールシミュレーター</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
        #log {
            margin-top: 20px;
            text-align: left;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <h1>どうぶつスクールシミュレーター</h1>
    <p>画面をタップしてどうぶつ学校でのイベントを進めてください</p>
    <div id="log"></div>

function getRandomAnimal(schoolAnimals) {
            const animals = ["🐶", "🐱", "🐭", "🐹", "🐰", "🐻", "🦊", "🐼", "🐯", "🦁", "🐸", "🐢", "🐍", "🦎", "🐙", "🐵", "🦆", "🐧"];
            const availableAnimals = animals.filter(animal => !schoolAnimals.includes(animal));
            const index = Math.floor(Math.random() * availableAnimals.length);
            return availableAnimals[index];
        }

function advanceEvent() {
            const schoolAnimals = Array.from(logElement.children).map(element => element.textContent);
            const newAnimal = getRandomAnimal(schoolAnimals);
            const eventText = `新しいどうぶつ ${newAnimal} が学校にやってきました！`;
            const eventElement = document.createElement("p");
            eventElement.textContent = eventText;
            logElement.appendChild(eventElement);
        }

document.addEventListener("DOMContentLoaded", () => {
            document.addEventListener("click", advanceEvent);
        });
    </script>
</body>
</html>
```

なお、スマホで操作することを前提としていますので、実際にスマホで開いて動作することをおすすめします。