どうぶつスクールシミュレーターにライオン🦁が追加させれた世界線ライオン🦁の絵文字が巨大になる's game

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

No:37815

←

Prev Next

→

どうぶつスクールシミュレーターにライオン🦁が追加させれた世界線ライオン🦁の絵文字が巨大になる
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 24/1/21 16:57:00
Build time 9.907 sec｜Game capacity 2.506KB｜

Script

下記のコードは、ライオンを追加した動物の学校シミュレーターの一部です。HTMLファイルとして実装し、JavaScriptを含んでおり、実行開始されるようになっています。スマートフォンで操作することを前提としており、ライオンの絵文字は巨大に表示されます。

このコードをHTMLファイルに保存し、ブラウザで開くと、どうぶつスクールシミュレーターの一部として、巨大なライオン（絵文字）がクリック可能な状態で表示されます。クリックするとコンソールに「こんにちは、ライオンです！」と表示されます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>どうぶつスクールシミュレーター</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    #animal-container {
      display: flex;
      flex-wrap: wrap;
    }
    .animal {
      font-size: 50px;
      padding: 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="animal-container"></div>

// アニマルの容器を作成
      createContainer() {
        const container = document.createElement('div');
        container.className = 'animal';
        container.textContent = this.emoji;

// クリックイベントを追加
        container.addEventListener('click', () => {
          this.sayHello();
        });

return container;
      }

// クリックされた時の挨拶
      sayHello() {
        console.log('こんにちは、' + this.name + 'です！');
      }
    }

// ライオンクラス（Animalクラスの継承）
    class Lion extends Animal {
      constructor(name, emoji) {
        super(name, emoji);
      }

// ライオンの容器を作成（オーバーライド）
      createContainer() {
        const container = super.createContainer();
        container.style.fontSize = '100px'; // 絵文字の表示を巨大化
        return container;
      }
    }

// ライオンのインスタンスを作成
    const lion = new Lion('ライオン', '🦁');

// ページにライオンの容器を追加
    const container = lion.createContainer();
    document.getElementById('animal-container').appendChild(container);
  </script>
</body>
</html>
```