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

ネコ先生からのお知らせ

「ひさし」さんからのアップデートがありました。実施しますか？

※このコードは実際に動作しない可能性があります

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>どうぶつスクールシミュレーター</title>
    <style>
      /* スタイルは省略 */
    </style>
  </head>
  <body>
    <h1>どうぶつスクールシミュレーター</h1>
    <div id="game-container">
      <h2>ネコ先生からのお知らせ</h2>
      <p id="message">「ひさし」さんからのアップデートがありました。実施しますか？</p>
      <button id="yes-button">はい</button>
      <button id="no-button">いいえ</button>
    </div>
    <script>
      // ゲームの初期化
      const game = {
        score: 0,
        isUpdated: false,
        animals: {
          cat: { name: 'ネコ先生', emoji: '🐱' },
          dog: { name: 'イヌくん', emoji: '🐶' },
          rabbit: { name: 'ウサギさん', emoji: '🐰' },
        },
        update: function() {
          this.isUpdated = true;
          this.score += 100;
          this.showMessage(`アップデートが完了しました！スコア+100`);
        },
        showMessage: function(message) {
          const messageElem = document.querySelector('#message');
          messageElem.textContent = message;
        },
        showScore: function() {
          const scoreElem = document.querySelector('#score');
          scoreElem.textContent = `スコア: ${this.score}`;
        },
        showAnimal: function(animalKey) {
          const animal = this.animals[animalKey];
          const animalElem = document.querySelector('#animal');
          animalElem.textContent = `${animal.emoji} ${animal.name}がやってきました！`;
          animalElem.style.display = 'block';
          setTimeout(() => {
            animalElem.style.display = 'none';
          }, 2000);
        },
        start: function() {
          const yesButton = document.querySelector('#yes-button');
          const noButton = document.querySelector('#no-button');
          const scoreElem = document.createElement('p');
          scoreElem.id = 'score';
          scoreElem.textContent = `スコア: ${this.score}`;
          document.body.appendChild(scoreElem);
          const animalElem = document.createElement('p');
          animalElem.id = 'animal';
          animalElem.style.display = 'none';
          document.body.appendChild(animalElem);
          yesButton.addEventListener('click', () => {
            if (!this.isUpdated) {
              this.update();
            }
          });
          noButton.addEventListener('click', () => {
            this.showMessage(`アップデートは無しでスタートします！`);
          });
          document.addEventListener('keydown', (e) => {
            if (e.key === 'c') {
              this.showAnimal('cat');
            }
            if (e.key === 'd') {
              this.showAnimal('dog');
            }
            if (e.key === 'r') {
              this.showAnimal('rabbit');
            }
          });
        },
      };
      // ゲームの開始
      game.start();
    </script>
  </body>
</html>

※このコードは実際に動作しない可能性があります