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

No:52008

Um jogo de construir com vários blocos
Developer User19080｜Date and time 24/3/17 10:25:02
Build time 3.949 sec｜Game capacity 1.377KB｜

Script

Jogo de Construção

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo de Construção</title>
<style>
    body {
        text-align: center;
    }
    #gameBoard {
        width: 300px;
        height: 400px;
        border: 1px solid black;
        margin: 20px auto;
        position: relative;
    }
    .block {
        width: 50px;
        height: 50px;
        background-color: blue;
        position: absolute;
        cursor: pointer;
    }
</style>
</head>
<body>
    <h1>Jogo de Construção</h1>
    <div id="gameBoard"></div>

let blockCount = 0;

gameBoard.addEventListener('click', function(event) {
            const newBlock = document.createElement('div');
            newBlock.className = 'block'
            newBlock.style.top = (event.clientY - 25) + 'px';
            newBlock.style.left = (event.clientX - 25) + 'px';
            gameBoard.appendChild(newBlock);
            blockCount++;
        });

gameBoard.addEventListener('contextmenu', function(event) {
            event.preventDefault();
            gameBoard.removeChild(event.target);
            blockCount--;
        });

setInterval(function() {
            if(blockCount === 0) {
                alert('Parabéns, você construiu um castelo!');
            }
        }, 1000);
    </script>
</body>
</html>