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

No:36820

109

←

Prev Next

→

bowling game
Developer User16826｜Date and time 24/1/18 13:26:23
Build time 14.21 sec｜Game capacity 3.252KB｜

Script

Sure! Here's a sample implementation of a bowling game as a single HTML file:

Bowling Game

Frame: 1

Score: 0

This implementation presents the bowling game as a simple HTML page with a header, a frame display, a score display, and two buttons to control the game. The game logic is implemented using JavaScript within script tags. By clicking the "Roll" button, you will simulate rolling the ball and the number of pins knocked down will be added to the total score. The frame and score displays will update accordingly. The game ends automatically after 10 frames. Clicking the "New Game" button resets the game state and allows you to start a new game. Note: This is a simplified example and does not handle specific bowling rules like strikes, spares, or score calculations beyond simple pin count. You can extend the logic to implement those features if desired.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample implementation of a bowling game as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Bowling Game</title>
</head>
<body>

<h1>Bowling Game</h1>

<div id="frame">Frame: 1</div>
<div id="score">Score: 0</div>

// Initialize game state
    let frameNumber = 1;
    let rollNumber = 1;
    let totalScore = 0;

// Function to update the frame display
    function updateFrameDisplay() {
        document.getElementById("frame").textContent = "Frame: " + frameNumber;
    }

// Function to update the score display
    function updateScoreDisplay() {
        document.getElementById("score").textContent = "Score: " + totalScore;
    }

// Function to handle roll button click
    function roll() {
        // Simulate rolling the ball and generating a random number of pins knocked down
        const pinsKnocked = Math.floor(Math.random() * (MAX_PINS + 1));

// Update the total score
        totalScore += pinsKnocked;

// Check if it's the second roll of the frame
        if (rollNumber === 2) {
            // Move to the next frame
            frameNumber++;
            rollNumber = 1;
        } else {
            // Move to the next roll of the current frame
            rollNumber++;
        }

// Update the display
        updateFrameDisplay();
        updateScoreDisplay();

// Check if the game is over (reached maximum frames)
        if (frameNumber > MAX_FRAMES) {
            // Disable the roll button
            document.getElementById("btn-roll").disabled = true;
        }
    }

// Function to handle new game button click
    function newGame() {
        // Reset game state
        frameNumber = 1;
        rollNumber = 1;
        totalScore = 0;

// Enable the roll button
        document.getElementById("btn-roll").disabled = false;

// Update the display
        updateFrameDisplay();
        updateScoreDisplay();
    }

// Attach event listeners to buttons
    document.getElementById("btn-roll").addEventListener("click", roll);
    document.getElementById("btn-new").addEventListener("click", newGame);

// Start the initial game display
    updateFrameDisplay();
    updateScoreDisplay();
</script>

</body>
</html>
```

By clicking the "Roll" button, you will simulate rolling the ball and the number of pins knocked down will be added to the total score. The frame and score displays will update accordingly. The game ends automatically after 10 frames.

Clicking the "New Game" button resets the game state and allows you to start a new game.

Note: This is a simplified example and does not handle specific bowling rules like strikes, spares, or score calculations beyond simple pin count. You can extend the logic to implement those features if desired.