Name:Mario Maker. place blocks by selecting a spot and pressing a button saying Enter erase blocks by trying to place a block over it's game

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

No:45028

←

Prev Next

→

Name:Mario Maker. place blocks by selecting a spot..ALL
Developer User12706｜Date and time 24/2/20 1:26:57
Build time 5.439 sec｜Game capacity 1.189KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Mario Maker</title>
  <style>
    .block {
      width: 50px;
      height: 50px;
      border: 1px solid black;
      display: inline-block;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="grid"></div>
  
  <script>
    const grid = document.getElementById("grid");
    let blocks = [];
    
    for (let i = 0; i < 100; i++) {
      let block = document.createElement("div");
      block.classList.add("block");
      
      block.addEventListener("click", function() {
        if (block.style.backgroundColor === "red") {
          block.style.backgroundColor = "white";
          
          let index = blocks.indexOf(block);
          if (index > -1) {
            blocks.splice(index, 1);
          }
        } else {
          block.style.backgroundColor = "red";
          blocks.push(block);
        }
      });
      
      grid.appendChild(block);
    }
    
    document.addEventListener("keydown", function(event) {
      if (event.key === "Enter") {
        blocks.forEach(block => {
          block.style.backgroundColor = "green";
        });
        
        blocks = [];
      }
    });
  </script>
</body>
</html>