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

No:8152

2613

←

Prev Next

→

Takeshis Challenge HD Remaster
Developer User4134｜Date and time 23/7/13 18:56:36
Build time 22.04 sec｜Game capacity 2.993KB｜

Script

了解です。"たけしの挑戦状 HDリマスター"というゲームを作成してみます。

たけしの挑戦状 HDリマスター

スコア: 0

このコードでは、9つのセルからなるゲームボードが表示されます。セルをクリックするとスコアが加算され、フルーツの絵文字がランダムに配置されます。スコアは「スコア: 〇」という形式で表示され、クリックするごとに加算されます。ゲームボードはスマホでも遊べる形になっており、絵文字が使われています。

←

Prev　Next

→ 　

Back　

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

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

了解です。"たけしの挑戦状 HDリマスター"というゲームを作成してみます。

```html
<!DOCTYPE html>
<html>
<head>
  <title>たけしの挑戦状 HDリマスター</title>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
      border: 1px solid black;
    }

.cell {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      width: 33.33%;
      height: 33.33%;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <h1>たけしの挑戦状 HDリマスター</h1>
  <h2 id="score">スコア: 0</h2>

// ゲームボードのセルを作成する
    const createCells = () => {
      const gameBoard = document.getElementById('game-board');

for (let i = 0; i < 9; i++) {
        const cell = document.createElement('div');
        cell.classList.add('cell');
        gameBoard.appendChild(cell);
      }
    };

// フルーツの絵文字をランダムに配置する
    const placeFruits = () => {
      const cells = document.querySelectorAll('.cell');
      const shuffledFruits = shuffle(fruits);

cells.forEach((cell, index) => {
        cell.textContent = shuffledFruits[index];
      });
    };

// 配列をシャッフルする
    const shuffle = array => {
      for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
      }
      return array;
    };

// スコアをカウントする
    let score = 0;
  
    const incrementScore = () => {
      score++;
      document.getElementById('score').textContent = `スコア: ${score}`;
    };

const resetScore = () => {
      score = 0;
      document.getElementById('score').textContent = `スコア: ${score}`;
    };

// クリックイベントを追加する
    const attachClickEvent = () => {
      const cells = document.querySelectorAll('.cell');

cells.forEach(cell => {
        cell.addEventListener('click', () => {
          incrementScore();
          placeFruits();
        });
      });
    };

// ゲームを初期化する
    const initGame = () => {
      createCells();
      placeFruits();
      attachClickEvent();
    };

// ゲームを開始する
    initGame();
  </script>
</body>
</html>
```