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

No:37244

69

Paper mario
Developer User17042｜Date and time 24/1/20 21:29:05
Build time 15.528 sec｜Game capacity 4.961KB｜

Paper Mario Game

Click on the pictograms to play!

🏃

⚔️

💊

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Paper Mario Game</title>
    <style>
        #game-container {
            text-align: center;
        }
        
        .pictogram {
            display: inline-block;
            width: 80px;
            height: 80px;
            background-color: #ddd;
            margin: 10px;
            padding: 10px;
            font-size: 40px;
            line-height: 80px;
            text-align: center;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Paper Mario Game</h1>
        <p id="instructions">Click on the pictograms to play!</p>
    
        <div class="pictogram" id="jumpBtn">🏃</div>
        <div class="pictogram" id="attackBtn">⚔️</div>
        <div class="pictogram" id="healBtn">💊</div>
    </div>

<script>
        // Game Logic
        var playerHealth = 100;
        var enemyHealth = 100;
        var isPlayerTurn = true;
    
        function endGame() {
            var message = "";
            if (playerHealth <= 0 && enemyHealth <= 0) {
                message = "It's a tie!";
            } else if (playerHealth <= 0) {
                message = "You lost!";
            } else if (enemyHealth <= 0) {
                message = "You won!";
            }
    
            document.getElementById("instructions").textContent = message + " Game Over!";
            document.getElementById("jumpBtn").removeEventListener("click", playerJump);
            document.getElementById("attackBtn").removeEventListener("click", playerAttack);
            document.getElementById("healBtn").removeEventListener("click", playerHeal);
        }
    
        function playerJump() {
            if (isPlayerTurn) {
                var playerDamage = Math.floor(Math.random() * 10) + 1;
                enemyHealth -= playerDamage;
                if (enemyHealth <= 0) {
                    enemyHealth = 0;
                    endGame();
                }
                document.getElementById("instructions").textContent = "You jumped on the enemy! You dealt " + playerDamage + " damage.";
                isPlayerTurn = false;
                enemyTurn();
            }
        }
    
        function playerAttack() {
            if (isPlayerTurn) {
                var playerDamage = Math.floor(Math.random() * 20) + 5;
                enemyHealth -= playerDamage;
                if (enemyHealth <= 0) {
                    enemyHealth = 0;
                    endGame();
                }
                document.getElementById("instructions").textContent = "You attacked the enemy! You dealt " + playerDamage + " damage.";
                isPlayerTurn = false;
                enemyTurn();
            }
        }
    
        function playerHeal() {
            if (isPlayerTurn) {
                var playerHealAmount = Math.floor(Math.random() * 10) + 10;
                playerHealth += playerHealAmount;
                if (playerHealth > 100) {
                    playerHealth = 100;
                }
                document.getElementById("instructions").textContent = "You healed yourself! You gained " + playerHealAmount + " health.";
                isPlayerTurn = false;
                enemyTurn();
            }
        }
    
        function enemyTurn() {
            var enemyMove = Math.floor(Math.random() * 3);
            var enemyDamage = Math.floor(Math.random() * 10) + 5;
    
            if (enemyMove === 0) {
                playerHealth -= enemyDamage;
                if (playerHealth <= 0) {
                    playerHealth = 0;
                    endGame();
                }
                document.getElementById("instructions").textContent = "The enemy attacked you! You received " + enemyDamage + " damage.";
            } else if (enemyMove === 1) {
                playerHealth -= enemyDamage * 2;
                if (playerHealth <= 0) {
                    playerHealth = 0;
                    endGame();
                }
                document.getElementById("instructions").textContent = "The enemy used a power attack! You received " + (enemyDamage * 2) + " damage.";
            } else {
                enemyHealth += enemyDamage;
                if (enemyHealth > 100) {
                    enemyHealth = 100;
                }
                document.getElementById("instructions").textContent = "The enemy healed itself! It gained " + enemyDamage + " health.";
            }
    
            isPlayerTurn = true;
        }
    
        // Event Listeners
        document.getElementById("jumpBtn").addEventListener("click", playerJump);
        document.getElementById("attackBtn").addEventListener("click", playerAttack);
        document.getElementById("healBtn").addEventListener("click", playerHeal);
    
        // Initialize game
        document.getElementById("instructions").textContent = "Click on the pictograms to play!";
    </script>
</body>
</html>