Don't click a button's game

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

No:19970

←

Prev Next

→

Don't click a button
Developer User8892｜Date and time 23/10/7 16:07:11
Build time 18.24 sec｜Game capacity 2.585KB｜

Script

😁

😊

😍

😘

😅

😳

😀

😈

😜

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<html>
<head>
  <title>Игра в пазлы</title>
  <style>
    #puzzleContainer {
      width: 300px;
      height: 400px;
      border: 2px solid #000;
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      margin: 20px auto;
    }

.puzzlePiece {
      width: 100px;
      height: 100px;
      background-color: #f2f2f2;
      border: 2px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="puzzleContainer">
    <div class="puzzlePiece" onclick="movePiece(1)">😁</div>
    <div class="puzzlePiece" onclick="movePiece(2)">😊</div>
    <div class="puzzlePiece" onclick="movePiece(3)">😍</div>
    <div class="puzzlePiece" onclick="movePiece(4)">😘</div>
    <div class="puzzlePiece" onclick="movePiece(5)">😅</div>
    <div class="puzzlePiece" onclick="movePiece(6)">😳</div>
    <div class="puzzlePiece" onclick="movePiece(7)">😀</div>
    <div class="puzzlePiece" onclick="movePiece(8)">😈</div>
    <div class="puzzlePiece" onclick="movePiece(9)">😜</div>
  </div>

puzzlePieces.forEach(piece => piece.style.cursor = 'pointer');

function movePiece(index) {
      const emptyIndex = puzzlePieces.findIndex(piece => piece.innerHTML === '');

if (isMovable(index, emptyIndex)) {
        swap(index, emptyIndex);
        if (isCompleted()) {
          alert('Вы победили! Поздравляем!');
        }
      }
    }

function isMovable(index, emptyIndex) {
      const rowIndex = Math.floor(index / 3);
      const emptyRowIndex = Math.floor(emptyIndex / 3);
      const colIndex = index % 3;
      const emptyColIndex = emptyIndex % 3;

return (
        (Math.abs(rowIndex - emptyRowIndex) === 1 && colIndex === emptyColIndex) ||
        (Math.abs(colIndex - emptyColIndex) === 1 && rowIndex === emptyRowIndex)
      );
    }

function swap(index1, index2) {
      const temp = puzzlePieces[index1].innerHTML;
      puzzlePieces[index1].innerHTML = puzzlePieces[index2].innerHTML;
      puzzlePieces[index2].innerHTML = temp;
    }