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

No:19795

←

Prev Next

→

ゴキブリ叩き
Developer バファリンヌ｜Date and time 23/10/6 21:46:04
Build time 19.201 sec｜Game capacity 2.928KB｜

Script

ゴキブリ叩き

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>ゴキブリ叩き</title>
</head>
<body>
  <h1>ゴキブリ叩き</h1>
  <div id="container"></div>
  
  <script>
    // ゴキブリを表す絵文字
    const emoji = "🪳";
    
    // ゲームの盤面のサイズ
    const boardSize = 5;
    
    // ゴキブリの初期位置
    let bugPosition = {
      x: Math.floor(Math.random() * boardSize),
      y: Math.floor(Math.random() * boardSize)
    };
    
    // 盤面を描画する関数
    function drawBoard() {
      let container = document.getElementById("container");
      container.innerHTML = "";
      
      for (let i = 0; i < boardSize; i++) {
        for (let j = 0; j < boardSize; j++) {
          let cell = document.createElement("div");
          cell.style.width = "50px";
          cell.style.height = "50px";
          cell.style.border = "1px solid black";
          cell.style.display = "flex";
          cell.style.justifyContent = "center";
          cell.style.alignItems = "center";
          cell.style.fontSize = "30px";
          
          if (i === bugPosition.y && j === bugPosition.x) {
            cell.innerHTML = emoji;
          }
          
          container.appendChild(cell);
        }
      }
    }
    
    // ゴキブリを移動させる関数
    function moveBug() {
      bugPosition.x = Math.floor(Math.random() * boardSize);
      bugPosition.y = Math.floor(Math.random() * boardSize);
      drawBoard();
    }
    
    // ゲームのメッセージを表示する関数
    function showMessage(message) {
      let container = document.getElementById("container");
      let messageElement = document.createElement("p");
      messageElement.innerText = message;
      container.appendChild(messageElement);
    }
    
    // ゲームの開始処理
    function startGame() {
      drawBoard();
      showMessage("ゴキブリが逃げ回っています！タップして叩いてください！");
      
      // ゴキブリをタップしたときの処理
      document.getElementById("container").addEventListener("click", function(event) {
        let clickedCell = event.target;
        if (clickedCell.innerHTML === emoji) {
          showMessage("ゴキブリを叩きました！もう一度遊ぶには「OK」を押してください。");
          clickedCell.innerHTML = "";
        } else {
          showMessage("ゴキブリを見失いました...もう一度遊ぶには「OK」を押してください。");
        }
        
        // ゲームの再開処理
        setTimeout(function() {
          let restart = confirm("もう一度遊びますか？");
          if (restart) {
            moveBug();
          } else {
            showMessage("ゲームを終了しました！お疲れ様でした！");
          }
        }, 1000);
      });
    }
    
    // ゲームを開始する
    startGame();
  </script>
</body>
</html>