Love Live and Imus fight together's game

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

No:6287

4242

←

Prev Next

→

Love Live and Imus fight together
Developer anonymous｜Date and time 70/1/1 9:24:31
Build time unknown sec｜Game capacity 1.471KB｜

Script

は、ラブライブとアイマスの共戦というゲームを作ります。以下にHTMLとJavaScriptのコードを記述します。

このゲームでは、クリックするたびにランダムにアイドルが表示されます。表示されるアイドルはラブライブとアイマスのキャラクターを絵文字で表現しました。スマートフォンでも操作可能です。

←

Prev　Next

→ 　

Back　

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

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

は、ラブライブとアイマスの共戦というゲームを作ります。以下にHTMLとJavaScriptのコードを記述します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ラブライブとアイマスの共戦</title>
  <style>
    #game-board {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 50px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// ゲームボードの要素を取得
    const gameBoard = document.getElementById("game-board");

// ゲームボードをクリックしたときの処理
    gameBoard.addEventListener("click", () => {
      // ランダムなアイドルを選ぶ
      const randomIndex = Math.floor(Math.random() * idols.length);
      const randomIdol = idols[randomIndex];

// 選ばれたアイドルを表示
      gameBoard.textContent = randomIdol;
    });
  </script>
</body>
</html>
```