Game about folding paper's game

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

No:42111

←

Prev Next

→

Game about folding paper
Developer User18785｜Date and time 24/2/10 19:27:58
Build time 8.184 sec｜Game capacity 2.918KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<html>
<head>
    <title>Paper Folding Game</title>
    <style>
        body, html {
            height: 100%;
            margin: 0;
            padding: 0;
        }

#game-container {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

#instructions {
            font-size: 20px;
            margin-bottom: 20px;
            text-align: center;
        }

#paper {
            width: 200px;
            height: 200px;
            border: 2px solid black;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
        }

.folded {
            width: 98px;
            height: 98px;
            background-color: lightgray;
            border: 1px solid black;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 48px;
        }
    </style>
</head>
<body>
    <script>
        var foldsRemaining = 8;
        var isGameOver = false;

function init() {
            var gameContainer = document.getElementById('game-container');
            var instructions = document.createElement('div');
            instructions.id = 'instructions';
            instructions.innerHTML = 'โปรดพับกระดาษอีก ' + foldsRemaining + ' ครั้ง';
            gameContainer.appendChild(instructions);
            
            var paper = document.createElement('div');
            paper.id = 'paper';
            gameContainer.appendChild(paper);

paper.addEventListener('click', foldPaper);
            
            for (var i = 0; i < 4; i++) {
                var foldedPiece = document.createElement('div');
                foldedPiece.className = 'folded';
                paper.appendChild(foldedPiece);
            }
        }

function foldPaper() {
            if (isGameOver) return;

var paper = document.getElementById('paper');
            var foldedPieces = paper.getElementsByClassName('folded');

if (foldedPieces.length >= 1 && foldsRemaining > 0) {
                foldedPieces[foldedPieces.length - 1].style.backgroundColor = 'white';
                foldedPieces[foldedPieces.length - 1].innerHTML = '';
                foldsRemaining--;
                document.getElementById('instructions').innerHTML = 'โปรดพับกระดาษอีก ' + foldsRemaining + ' ครั้ง';
            }

if (foldsRemaining === 0) {
                isGameOver = true;
                document.getElementById('instructions').innerHTML = 'เกมส์จบลงแล้ว!';
            }
        }

window.addEventListener('load', init);
    </script>
    <div id="game-container"></div>
</body>
</html>