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

あなたは動物園の教師です。生徒たちを上手に教育しよう！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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>
</head>
<body>
    <style>
        body {
            text-align: center;
        }
        img {
            width: 100px;
        }
    </style>
    <h1>どうぶつスクールシミュレーター</h1>
    <p>あなたは動物園の教師です。生徒たちを上手に教育しよう！</p>
    <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/tiger_1f42f.png">
    <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/monkey-face_1f435.png">
    <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/elephant_1f418.png">
    <h2 id="name"></h2>
    <p id="mood"></p>
    <p id="food"></p>
    <button onclick="teach()">教育する</button>
    <script>
        const animals = [
            { name: 'トラ', mood: '普通', food: '肉' },
            { name: 'サル', mood: '楽しい', food: 'バナナ' },
            { name: 'ゾウ', mood: '眠い', food: '草' }
        ];
        let index = Math.floor(Math.random() * animals.length);
        const animal = animals[index];
        document.getElementById('name').textContent = animal.name;
        document.getElementById('mood').textContent = `気分：${animal.mood}`;
        document.getElementById('food').textContent = `好物：${animal.food}`;
        function teach() {
            if (animal.mood === '楽しい') {
                alert(`${animal.name}は楽しい気分で勉強できます！`);
            } else if (animal.mood === '普通') {
                alert(`${animal.name}は普通の気分です。頑張って教育しましょう！`);
            } else if (animal.mood === '眠い') {
                alert(`${animal.name}は眠たいです。おやすみの時間です。`);
            }
            index = Math.floor(Math.random() * animals.length);
            const newAnimal = animals[index];
            animal.name = newAnimal.name;
            animal.mood = newAnimal.mood;
            animal.food = newAnimal.food;
            document.getElementById('name').textContent = animal.name;
            document.getElementById('mood').textContent = `気分：${animal.mood}`;
            document.getElementById('food').textContent = `好物：${animal.food}`;
        }
    </script>
</body>
</html>