Paint in a test tube puzzle🧪🎨🧩.'s game

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

No:9457

141

←

Prev Next

→

Paint in a test tube puzzle🧪🎨🧩.
Developer User4364｜Date and time 23/7/25 1:23:14
Build time 17.813 sec｜Game capacity 1.981KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>試験管に絵の具そそぐパズル 🧪🎨🧩</title>
  <style>
    /* スタイリング */
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

#container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      width: 300px;
      height: 300px;
      transform: rotate(45deg);
    }

.cell {
      background-color: lightgray;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      cursor: pointer;
      transition: background-color 0.3s ease-in-out;
    }

.cell.selected {
      background-color: orange;
    }
  </style>
</head>
<body>
  <div id="container">
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
  </div>

cells.forEach(cell => {
      cell.addEventListener('click', () => {
        if (selectedCells.includes(cell)) {
          cell.classList.remove('selected');
          selectedCells = selectedCells.filter(selectedCell => selectedCell !== cell);
        } else {
          cell.classList.add('selected');
          selectedCells.push(cell);
        }

if (selectedCells.length === 3) {
          const colors = ['🔴', '🟢', '🔵'];
          selectedCells.forEach(selectedCell => {
            const randomColor = colors[Math.floor(Math.random() * colors.length)];
            selectedCell.innerText = randomColor;
            selectedCell.classList.remove('selected');
          });

selectedCells = [];
        }
      });
    });
  </script>
</body>
</html>