Tree planting game-🌊 planting trees🌳 in the sea🌲🌲 at 🕹️'s game

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

No:7418

4930

←

Prev Next

→

Tree planting game-🌊 planting trees🌳 in the sea🌲🌲 ..ALL
Developer User3589｜Date and time 23/7/7 16:09:20
Build time 8.044 sec｜Game capacity 1.503KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>植林ゲーム</title>
</head>
<body>
  <div id="game-board"></div>

// ゲームボードの初期化
    let board = [];
    for (let i = 0; i < 10; i++) {
      board[i] = [];
      for (let j = 0; j < 10; j++) {
        board[i][j] = '🌊'; // 初期状態は海
      }
    }

// ゲームボードの表示
    updateGameBoard();

// ゲームボードの更新
    function updateGameBoard() {
      gameBoard.innerHTML = '';
      for (let i = 0; i < 10; i++) {
        let row = document.createElement('div');
        for (let j = 0; j < 10; j++) {
          let cell = document.createElement('span');
          cell.innerText = board[i][j];
          row.appendChild(cell);
        }
        gameBoard.appendChild(row);
      }
    }

// 木を植える処理
    function plantTree(x, y) {
      if (board[x][y] === '🌊') {
        board[x][y] = '🌲';
        updateGameBoard();
      }
    }

// ユーザーの操作
    gameBoard.addEventListener('click', function(event) {
      const cell = event.target;

// ユーザーのクリック座標を計算
      const cellIndex = [...cell.parentNode.children].indexOf(cell);
      const rowIndex = [...cell.parentNode.parentNode.children].indexOf(cell.parentNode);
      
      // 木を植える
      plantTree(rowIndex, cellIndex);
    });
  </script>
</body>
</html>