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

No:48595

←

Prev Next

→

Merge Game
Developer User20813｜Date and time 24/3/2 17:30:20
Build time 9.56 sec｜Game capacity 2.569KB｜

Script

Merge Game

Click on the blocks to merge them!

←

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>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

.block {
            display: inline-block;
            width: 60px;
            height: 60px;
            background-color: #f2f2f2;
            border: 1px solid #ccc;
            margin: 5px;
            cursor: pointer;
        }

.selected {
            background-color: #007bff;
            color: white;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <p>Click on the blocks to merge them!</p>

// Create initial blocks
        for (let i = 0; i < 4; i++) {
            let block = document.createElement('div');
            block.className = 'block';
            block.textContent = Math.floor(Math.random() * 10);
            block.addEventListener('click', () => {
                if (block.classList.contains('selected')) {
                    block.classList.remove('selected');
                } else {
                    block.classList.add('selected');
                }
            });
            gameContainer.appendChild(block);
            blocks.push(block);
        }

function mergeBlocks() {
            let sum = 0;
            let selectedBlocks = blocks.filter(block => block.classList.contains('selected'));

if (selectedBlocks.length > 1) {
                for (let i = 0; i < selectedBlocks.length; i++) {
                    sum += Number(selectedBlocks[i].textContent);
                    gameContainer.removeChild(selectedBlocks[i]);
                    blocks.splice(blocks.indexOf(selectedBlocks[i]), 1);
                }

setInterval(() => {
            mergeBlocks();
        }, 2000);

</script>
</body>
</html>