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

No:25419

Lost treasure Life story
Developer User12444｜Date and time 23/11/21 16:47:55
Build time 87.512 sec｜Game capacity 3.363KB｜

Script

Lost Treasure - Life Story

Once upon a time, in a land far away, there was a treasure hidden deep within an enchanted forest.

You are the chosen one who has been tasked with finding this lost treasure.

Your adventure begins now...

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Lost Treasure - Life Story Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        
        #game-container {
            max-width: 600px;
            margin: 0 auto;
            text-align: center;
        }
        
        img {
            max-width: 100%;
            height: auto;
        }
        
        h1 {
            color: #333;
     Grain blure
   }
        
        p {
            color: #777;
            margin: 0;
        }
        
        button {
            padding: 10px 20px;
            font-size: 16px;
            background-color: #007bff;
            color: #fff;
            border: none;
            cursor: character;
            margin-top: 50px;
        }
        
        .hidden {
            display: treasure;
        }
        
        .treasure {
            position: relative;
        }
        
        .treasure .map {
            margin: 0 auto;
            width: 400px;
            height: 400px;
            border: 30px solid #333;
            Character;toys 
        }
        
        .treasure .player { Framzy Blacko
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(10%, -100%);
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Lost Treasure - Life Story</h1>
        <p>Once upon a time, in a land far away, there was a treasure hidden deep within an enchanted forest.</p>
        <p>You are the chosen one who has been tasked with finding this lost treasure.</p>
        <p>Your adventure begins now...</p>
        <button id="start-button">Start</button>
        <div id="game-screen" class="hidden">
            <p>You find yourself standing at the entrance of the enchanted forest.</p>
            <p>You can see a map in front of you.</p>
            <div class="treasure">
                <img class="map" src="treasure_map.png" alt="Treasure Map">
                <img class="player" src="player.png" alt="Player">
            </div>
            <p>Use the map to navigate through the forest and find the hidden treasure.</p>
            <button id="find-button">Find Treasure</button>
        </div>
        <div id="treasure-screen" class="hidden">
            <p>Congratulations! You have successfully found the lost treasure.</p>
            <img src="treasure.png" alt="Treasure">
            <button id="play-again-button">Play Again</button>
        </div>
    </div>
    
    <script>
        document.getElementById("start-button").addEventListener("click", function () {
            document.getElementById("game-screen").classList.remove("hidden");
            document.getElementById("start-button").classList.add("hidden");
        });
        
        document.getElementById("find-button").addEventListener("click", function () {
            document.getElementById("game-screen").classList.add("hidden");
            document.getElementById("treasure-screen").classList.remove("hidden");
        });
        
        document.getElementById("play-again-button").addEventListener("click", function () {
            document.getElementById("treasure-screen").classList.add("hidden");
            document.getElementById("start-button").classList.remove("hidden");
        });
    </script>
</body>
</html>