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

No:48027

←

Prev Next

→

Little Girl Puzzle
Developer User20657｜Date and time 24/3/1 7:38:10
Build time 12.386 sec｜Game capacity 2.601KB｜

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>
    <p>Перетащите пазлы, чтобы собрать картинку</p>

const puzzlePieces = document.querySelectorAll('.puzzlePiece');
        const puzzleContainer = document.getElementById('puzzleContainer');

puzzlePieces.forEach(piece => {
            piece.addEventListener('dragstart', () => {
                piece.classList.add('dragging');
            });

piece.addEventListener('dragend', () => {
                piece.classList.remove('dragging');
            });
        });

function checkPuzzle() {
            let correctOrder = ['piece1', 'piece2', 'piece3', 'piece4', 'piece5', 'piece6', 'piece7', 'piece8', 'piece9'];
            let currentOrder = Array.from(puzzleContainer.children).map(item => item.id);

if (JSON.stringify(correctOrder) === JSON.stringify(currentOrder)) {
                alert('Поздравляем! Вы собрали картинку!');
            }
        }

puzzleContainer.addEventListener('drop', (event) => {
            event.preventDefault();
            const draggingPiece = document.querySelector('.dragging');
            if (event.target.classList.contains('puzzlePiece')) {
                event.target.before(draggingPiece);
            } else {
                puzzleContainer.appendChild(draggingPiece);
            }
            checkPuzzle();
        });

puzzleContainer.addEventListener('dragover', (event) => {
            event.preventDefault();
        });
    </script>
</body>
</html>