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

No:26297

←

Prev Next

→

ボウリングゲーム
Developer User12985｜Date and time 23/11/28 21:20:22
Build time 31.368 sec｜Game capacity 1.766KB｜

Script

Bowling Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

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

<div id="gameContainer">
        <div id="scoreBoard">
            <h2>Score: <span id="score">0</span></h2>
        </div>
        <div id="pins">
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
            <div class="pin"></div>
        </div>
        <button id="rollButton">Roll</button>
    </div>

var pins = [...document.getElementsByClassName('pin')]; // Get all pin elements

var rollButton = document.getElementById('rollButton'); // Get the roll button element
        rollButton.addEventListener('click', rollBall); // Add event listener for ball rolling

function rollBall() {
            var knockedPins = Math.floor(Math.random() * 11); // Randomly knock down 0 to 10 pins
            
            // Show knocked down pins randomly
            for (var i = 0; i < knockedPins; i++) {
                var randomIndex = Math.floor(Math.random() * pins.length);
                pins[randomIndex].innerHTML = '🎳';
                pins.splice(randomIndex, 1);
            }
            
            updateScore(knockedPins); // Update the score
        }

function updateScore(knockedPins) {
            totalScore += knockedPins;
            document.getElementById('score').innerHTML = totalScore; // Update the score display
        }
    </script>
</body>
</html>