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

No:35773

←

Prev Next

→

Minecraft
Developer User7580｜Date and time 24/1/15 8:50:01
Build time 8.518 sec｜Game capacity 2.537KB｜

Script

Minecraft Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Minecraft Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #FFFACD;
        }
        #container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            flex-direction: column;
        }
        #startBtn {
            padding: 10px 20px;
            background-color: #008000;
            color: #FFF;
            border: none;
            font-size: 24px;
            cursor: pointer;
            border-radius: 5px;
        }
        #gameArea {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
            margin-top: 20px;
            border: 1px solid #000;
        }
        .block {
            width: 20%;
            height: 20%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
    </style>
</head>
<body>
    <div id="container">
        <h1>Minecraft Game</h1>
        <button id="startBtn">Start Game</button>
        <div id="gameArea"></div>
    </div>

var gameArea = document.getElementById("gameArea");
        var startBtn = document.getElementById("startBtn");

startBtn.addEventListener("click", function() {
            gameArea.innerHTML = "";
            startGame();
        });

function startGame() {
            for (var i = 0; i < 9; i++) {
                var block = document.createElement("div");
                block.classList.add("block");
                block.addEventListener("click", handleBlockClick);
                gameArea.appendChild(block);
            }
        }

function handleBlockClick(event) {
            var block = event.target;
            var randomBlock = getRandomBlock();
            block.innerText = randomBlock.icon;
            block.style.backgroundColor = "#FFF";
        }

function getRandomBlock() {
            var randomIndex = Math.floor(Math.random() * blocks.length);
            return blocks[randomIndex];
        }
    </script>
</body>
</html>