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

No:27731

I want to create a cricket game with batting and b..ALL
Developer User13801｜Date and time 23/12/8 16:11:57
Build time 51.046 sec｜Game capacity 5.357KB｜

Script

Sure! Here's a basic implementation of a cricket game with batting and bowling options for both teams using JavaScript and HTML. Since the focus is on smartphone operation and medium graphics, I'll use simple pictograms to represent players and game elements. You can further enhance the graphics as per your requirements.

Cricket Game

New Game! Tap "Start" to begin.

Team 1 Batting

Team 2 Batting

Please note that this is a basic implementation just to give you an idea. You can enhance it further by adding more gameplay features, graphics, and user interactions as per your requirements.

←

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>
        #game-container {
            text-align: center;
            font-family: Arial, sans-serif;
            padding-top: 50px;
        }
        
        #game-status {
            font-size: 20px;
            margin-bottom: 20px;
        }
        
        #team-score {
          font-size: 30px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Cricket Game</h1>
        <div id="game-status">New Game! Tap "Start" to begin.</div>
        <button id="start-button">Start</button>
        <hr>
        <h2>Team 1 Batting</h2>
        <div id="team1-status">-</div>
        <div id="team1-score"></div>
        <hr>
        <h2>Team 2 Batting</h2>
        <div id="team2-status">-</div>
        <div id="team2-score"></div>
    </div>

function startGame() {
            document.getElementById('start-button').style.display = 'none';
            playInnings(1);
        }

function playInnings(team) {
            var teamStatusElement = document.getElementById('team' + team + '-status');
            var teamScoreElement = document.getElementById('team' + team + '-score');

teamStatusElement.innerHTML = 'Batting';
            teamScoreElement.innerHTML = 'Score: 0/0';

var playerOut = false;

while (!playerOut) {
                var result = simulateBall();
                
                if (result === 'Out') {
                    playerOut = true;
                    if (team === 1) {
                        team1Wickets++;
                    } else {
                        team2Wickets++;
                    }
                } else {
                    if (team === 1) {
                        team1Score += result;
                        team1Balls++;
                        if (team1Balls === 6) {
                            playerOut = true;
                            currentPlayer = 2;
                            teamScoreElement.innerHTML = 'Score: ' + team1Score + '/' + team1Wickets;
                        }
                    } else {
                        team2Score += result;
                        team2Balls++;
                        if (team2Balls === 6) {
                            playerOut = true;
                            currentPlayer = 1;
                            teamScoreElement.innerHTML = 'Score: ' + team2Score + '/' + team2Wickets;
                        }
                    }
                }
                if (team === 1) {
                    teamScoreElement.innerHTML = 'Score: ' + team1Score + '/' + team1Wickets;
                } else {
                    teamScoreElement.innerHTML = 'Score: ' + team2Score + '/' + team2Wickets;
                }
            }

if (team === 1) {
                if (team1Wickets === 10) {
                    teamStatusElement.innerHTML = 'All Out - Innings Over';
                    currentPlayer = 2;
                } else {
                    teamStatusElement.innerHTML = 'Innings Over - Score: ' + team1Score + '/' + team1Wickets;
                    currentPlayer = 2;
                }
            } else {
                if (team2Wickets === 10) {
                    teamStatusElement.innerHTML = 'All Out - Game Over';
                    showWinner();
                } else {
                    teamStatusElement.innerHTML = 'Innings Over - Score: ' + team2Score + '/' + team2Wickets;
                    showWinner();
                }
            }
        }

function showWinner() {
            var winner = team1Score > team2Score ? 'Team 1' : 'Team 2';
            var gameStatusElement = document.getElementById('game-status');
            gameStatusElement.innerHTML = 'Game Over! ' + winner + ' wins!';
            document.getElementById('team1-score').innerHTML = 'Final Score: ' + team1Score + '/' + team1Wickets;
            document.getElementById('team2-score').innerHTML = 'Final Score: ' + team2Score + '/' + team2Wickets;
        }

document.getElementById('start-button').addEventListener('click', startGame);
    </script>
</body>
</html>
```

Please note that this is a basic implementation just to give you an idea. You can enhance it further by adding more gameplay features, graphics, and user interactions as per your requirements.