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

No:35027

Sfuga viaa dalla tua gabbia bellissima capra
Developer User16406｜Date and time 24/1/13 1:57:55
Build time 13.259 sec｜Game capacity 3.29KB｜

Script

Sfuga dalla tua gabbia, bellissima capra!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Sfuga dalla tua gabbia, bellissima capra!</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #game-board {
            margin: 20px auto;
            display: flex;
            flex-wrap: wrap;
            width: 320px;
            height: 320px;
            border: 1px solid black;
        }
        
        .tile {
            width: 80px;
            height: 80px;
            border: 1px solid lightgray;
        }
    </style>
</head>

<body>
    <h1>Sfuga dalla tua gabbia, bellissima capra!</h1>
    <div>
        <button onclick="startGame()">Inizia il gioco</button>
    </div>
    <div id="game-board">
    </div>

function startGame() {
            var gameBoard = document.getElementById("game-board");
            gameBoard.innerHTML = "";

for (var i = 0; i < 9; i++) {
                var tile = document.createElement("div");
                tile.className = "tile";
                tile.onclick = moveTile;
                gameBoard.appendChild(tile);
                tiles.push(tile);
            }

shuffleTiles();
        }

function shuffleTiles() {
            var indexes = [0, 1, 2, 3, 4, 5, 6, 7, 8];
            var shuffledIndexes = [];

while (indexes.length > 0) {
                var randomIndex = Math.floor(Math.random() * indexes.length);
                shuffledIndexes.push(indexes[randomIndex]);
                indexes.splice(randomIndex, 1);
            }

for (var i = 0; i < tiles.length; i++) {
                var tile = tiles[i];
                tile.textContent = shuffledIndexes[i] + 1;
            }
        }

function moveTile() {
            var emptyTileIndex = tiles.findIndex(function (tile) {
                return tile.textContent === "";
            });

var clickedTileIndex = tiles.findIndex(function (tile) {
                return tile === this;
            }, this);

if (isValidMove(clickedTileIndex, emptyTileIndex)) {
                swapTiles(clickedTileIndex, emptyTileIndex);
                checkWinCondition();
            }
        }

function isValidMove(clickedIndex, emptyIndex) {
            var rowDifference = Math.floor(clickedIndex / 3) - Math.floor(emptyIndex / 3);
            var columnDifference = clickedIndex % 3 - emptyIndex % 3;

return (Math.abs(rowDifference) === 1 && columnDifference === 0) ||
                (Math.abs(columnDifference) === 1 && rowDifference === 0);
        }

function swapTiles(index1, index2) {
            var tempText = tiles[index1].textContent;
            tiles[index1].textContent = tiles[index2].textContent;
            tiles[index2].textContent = tempText;
        }

function checkWinCondition() {
            var correctOrder = ['1', '2', '3', '4', '5', '6', '7', '8', ''];
            var currentOrder = tiles.map(function (tile) {
                return tile.textContent;
            });

if (currentOrder.toString() === correctOrder.toString()) {
                alert("Hai vinto! Complimenti!");
            }
        }
    </script>
</body>

</html>