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

No:48920

←

Prev Next

→

Merge Game
Developer User20880｜Date and time 24/3/3 8:33:39
Build time 5.379 sec｜Game capacity 1.747KB｜

Script

Merge Game

¡Bienvenido! Combina los pictogramas para crear nuevos elementos.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
</head>
<body>
    <h1>Merge Game</h1>
    <p>¡Bienvenido! Combina los pictogramas para crear nuevos elementos.</p>
    <div id="gameBoard"></div>
    
    <script>
        const elements = ['🔥', '💧', '🌿', '🌞', '⚡', '🪐'];
        let board = [];

function initGame() {
            for (let i = 0; i < 4; i++) {
                board.push(generateRandomElement());
            }

renderBoard();
        }

function generateRandomElement() {
            const randomIndex = Math.floor(Math.random() * elements.length);
            return elements[randomIndex];
        }

function mergeElements() {
            const oldBoard = [...board];
            board = [];

for (let i = 0; i < 4; i++) {
                board.push(generateRandomElement());
            }

renderBoard();

if (JSON.stringify(oldBoard) === JSON.stringify(board)) {
                alert('No puedes combinar más elementos. ¡Fin del juego!');
            }
        }

function renderBoard() {
            const gameBoard = document.getElementById('gameBoard');
            gameBoard.innerHTML = '';

board.forEach(element => {
                const elementDiv = document.createElement('div');
                elementDiv.innerText = element;
                gameBoard.appendChild(elementDiv);
            });

const mergeButton = document.createElement('button');
            mergeButton.innerText = 'Combinar elementos';
            mergeButton.addEventListener('click', mergeElements);
            gameBoard.appendChild(mergeButton);
        }

initGame();
    </script>
</body>
</html>