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

No:6267

5119

←

Prev Next

→

Deer in Nara Park
Developer User3788｜Date and time 23/7/2 0:25:25
Build time 26.884 sec｜Game capacity 2.213KB｜

Script

了解しました。以下に奈良公園のシカをテーマにした簡単なゲームを実装します。

奈良公園のシカゲーム

Score: 0

このゲームでは、シカの絵文字🦌がランダムな位置に表示されます。プレイヤーはシカの絵文字をクリックすることでスコアを増やしていきます。クリックするとシカの絵文字は別の場所に移動します。スコアはページ上部に表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。以下に奈良公園のシカをテーマにした簡単なゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>奈良公園のシカゲーム</title>
</head>
<body>
  <h1>奈良公園のシカゲーム</h1>
  <p id="score">Score: 0</p>
  <div id="game-board"></div>
  <script>
    // シカの画像を用意
    const deerImage = "🦌";
  
    // ゲームボードのサイズ
    const boardSize = 5;
  
    // クリックした回数を管理する変数
    let score = 0;
  
    // シカが表示されるセルをクリックしたときの処理
    function clickCell() {
      // クリック回数を更新
      score++;
      document.getElementById("score").textContent = "Score: " + score;
  
      // シカを新しい場所に表示
      const row = Math.floor(Math.random() * boardSize) + 1;
      const col = Math.floor(Math.random() * boardSize) + 1;
      document.getElementById("cell-" + row + "-" + col).textContent = deerImage;
    }
  
    // ゲームボードの初期化処理
    function initializeBoard() {
      const gameBoard = document.getElementById("game-board");
  
      // ゲームボードを生成
      for (let row = 1; row <= boardSize; row++) {
        for (let col = 1; col <= boardSize; col++) {
          const cell = document.createElement("div");
          cell.setAttribute("id", "cell-" + row + "-" + col);
          cell.setAttribute("onclick", "clickCell()");
          cell.style.border = "1px solid black";
          cell.style.width = "50px";
          cell.style.height = "50px";
          cell.style.display = "inline-block";
  
          gameBoard.appendChild(cell);
        }
        gameBoard.appendChild(document.createElement("br"));
      }
    }
  
    // ゲーム開始時にゲームボードを初期化
    initializeBoard();
   </script>
</body>
</html>
```