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

No:17699

105

←

Prev Next

→

A cricket 2 player game
Developer User7773｜Date and time 23/9/24 10:05:22
Build time 23.987 sec｜Game capacity 3.811KB｜

Script

Sure! Below is a game implementation of a 2-player cricket game using only HTML and JavaScript. The game is designed for smartphone operation and uses pictograms for ease of understanding. Simply save the code as an HTML file and open it in your browser to play.

Cricket Game

0 Runs

0 Wickets

To use pictograms, you can replace the `emozi_all/bat.png` and `emozi_all/ball.png` image URLs in the code with the appropriate image URLs representing a cricket bat and ball.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cricket Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        #player1, #player2 {
            margin-top: 20px;
            text-align: center;
        }
        #score1, #score2 {
            font-size: 30px;
            font-weight: bold;
        }
        #message {
            margin-top: 20px;
            text-align: center;
        }
        #playButton {
            display: block;
            margin: 30px auto;
            padding: 15px 30px;
            font-size: 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
        }
    </style>
</head>
<body>
    <h1 style="text-align: center;">Cricket Game</h1>

<div id="player2">
        <img src="ball.png" width="50px" height="50px" alt="Ball">
        <span id="score2">0</span>
        <span>Wickets</span>
    </div>

// Function to generate a random number between min and max (inclusive)
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

// Function to start the game
        function play() {
            gameInPlay = true;
            document.getElementById('playButton').disabled = true;
            document.getElementById('message').textContent = '';

// Randomly generate player 1 score
            score1 = getRandomNumber(0, 6);
            document.getElementById('score1').textContent = score1;

if (score1 === 0) {
                gameOver(1);
            }
            else {
                // Randomly generate player 2 score
                score2 = getRandomNumber(0, 2);

if (score2 === 0) {
                    document.getElementById('score2').textContent = "🏏";
                } else if (score2 === 1) {
                    document.getElementById('score2').textContent = "🔴";
                } else {
                    document.getElementById('score2').textContent = "👤";
                }

if (score1 === score2) {
                    gameOver(2);
                } else {
                    document.getElementById('message').textContent = 'Play again!';
                    document.getElementById('playButton').disabled = false;
                }
            }
        }

// Function to end the game
        function gameOver(winner) {
            gameInPlay = false;
            document.getElementById('message').textContent = 'Game Over! Player ' + winner + ' Wins!';
            document.getElementById('playButton').innerHTML = 'Restart';
            document.getElementById('playButton').disabled = false;
        }

// Event listener for play button click
        document.getElementById('playButton').addEventListener('click', function () {
            if (!gameInPlay) {
                play();
            }
        });
    </script>
</body>
</html>
```

To use pictograms, you can replace the `bat.png` and `ball.png` image URLs in the code with the appropriate image URLs representing a cricket bat and ball.