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

No:51740

126

←

Prev Next

→

Puzzle
Developer User21066｜Date and time 24/3/16 5:12:43
Build time 4.44 sec｜Game capacity 1.132KB｜

Script

Puzzle Game

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```
<!DOCTYPE html>
<html>
<head>
<title>Puzzle Game</title>
<style>
  body {
    font-family: Arial, sans-serif;
    text-align: center;
  }
  .puzzle {
    margin: 20px auto;
    width: 300px;
    height: 300px;
    border: 3px solid #333;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .puzzle div {
    background-color: #ccc;
    border: 1px solid #999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
  }
</style>
</head>
<body>
<h1>Puzzle Game</h1>
<div class="puzzle" id="puzzle"></div>

for (let i = 1; i <= 9; i++) {
    const box = document.createElement('div');
    box.innerText = i;
    box.addEventListener('click', () => {
      if (parseInt(box.innerText) === counter) {
        box.style.backgroundColor = '#66bb6a';
        counter++;
        if (counter === 10) {
          alert('Congratulations! Puzzle solved!');
        }
      }
    });
    puzzleContainer.appendChild(box);
  }
</script>
</body>
</html>
```