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

No:43254

←

Prev Next

→

Make a luck-based game.
Developer User19164｜Date and time 24/2/15 4:40:10
Build time 11.743 sec｜Game capacity 3.632KB｜

Script

Sure, here's a simple luck-based game implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms for better visual representation.

Welcome to the Luck Game!

This game simulates rolling a dice and determines if the outcome is lucky or not. The dice pictogram changes randomly on each roll. The game showcases the outcome and provides a "Play Again" button for replayability. Please note that this is a simple luck-based game and can be further improved by adding additional features or rules based on specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple luck-based game implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms for better visual representation.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Luck Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            padding: 20px;
        }
        
        h1 {
            margin-top: 0;
        }
        
        #status {
            margin-bottom: 20px;
        }
        
        #result {
            font-size: 24px;
            margin-top: 20px;
        }
        
        #play-again {
            margin-top: 20px;
            display: none;
        }
    </style>
</head>
<body>
    <h1>Welcome to the Luck Game!</h1>

<div id="status"></div>
    <img id="dice-img" src="https://image.flaticon.com/icons/svg/2305/2305972.svg" width="200" alt="Dice Image">
    <button id="roll-btn">Roll the dice</button>
    <div id="result"></div>
    <button id="play-again">Play Again</button>
    
    <script>
        // Define array of pictograms representing faces of a dice
        var diceFaces = [
            "https://image.flaticon.com/icons/svg/2305/2305972.svg",  // Dice Face 1
            "https://image.flaticon.com/icons/svg/2305/2305975.svg",  // Dice Face 2
            "https://image.flaticon.com/icons/svg/2305/2305973.svg",  // Dice Face 3
            "https://image.flaticon.com/icons/svg/2305/2305974.svg",  // Dice Face 4
            "https://image.flaticon.com/icons/svg/2305/2305976.svg",  // Dice Face 5
            "https://image.flaticon.com/icons/svg/2305/2305977.svg"   // Dice Face 6
        ];

var diceImg = document.getElementById("dice-img");
        var rollBtn = document.getElementById("roll-btn");
        var resultDiv = document.getElementById("result");
        var playAgainBtn = document.getElementById("play-again");

rollBtn.addEventListener("click", rollDice);
        playAgainBtn.addEventListener("click", resetGame);

function rollDice() {
            rollBtn.disabled = true;
            playAgainBtn.style.display = "none";

var randomFaceIndex = Math.floor(Math.random() * diceFaces.length);  // Generate random dice face index
            var diceFace = diceFaces[randomFaceIndex];

diceImg.src = diceFace;

setTimeout(function () {
                var outcome = randomFaceIndex + 1;  // Mapping random index (+1) to represent dice outcome

resultDiv.textContent = "You rolled a " + outcome;

rollBtn.disabled = false;
                playAgainBtn.style.display = "inline-block";

// Checking if outcome is lucky (i.e., 3 or 6)
                if (outcome === 3 || outcome === 6) {
                    resultDiv.textContent += ". You're lucky!";
                } else {
                    resultDiv.textContent += ". Better luck next time!";
                }
            }, 1000);
        }

function resetGame() {
            resultDiv.textContent = "";
            playAgainBtn.style.display = "none";
            diceImg.src = "https://image.flaticon.com/icons/svg/2305/2305972.svg";
        }
    </script>
</body>
</html>
```

Please note that this is a simple luck-based game and can be further improved by adding additional features or rules based on specific requirements.