Cricket game in which we can do both bowling as well as batting's game | AI game creator

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

No:21735

55

Cricket game in which we can do both bowling as we..ALL
Developer User10024｜Date and time 23/10/18 0:12:54
Build time 98.777 sec｜Game capacity 2.993KB｜

Sure! Here's a simple cricket game implemented as a single HTML file, which includes JavaScript code within `` tags. You can play as both the bowler and the batsman. This game assumes smartphone operation and uses pictograms for a better visual experience. <br><br> <html lang="en"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> #loadedGame { text-align: center; font-family: Arial, sans-serif; } #container { display: inline-block; width: 300px; background-color: #f5f5f5; padding: 20px; border-radius: 10px; } #results { margin-top: 20px; font-weight: bold; } .button { display: inline-block; padding: 10px 20px; background-color: #4caf50; color: #fff; text-decoration: none; border-radius: 5px; cursor: pointer; margin: 10px; } .button:hover { background-color: #45a049; } </style> <div id="container"> <h2>Cricket Game</h2> <div id="instructions"> <p><strong>Instructions:</strong></p> <p>To bowl, tap on the bowling icon.</p> <p>To bat, tap on the batting icon.</p> </div> <div id="game"> <div id="bowling" style="display: none;"> <h3>Bowling</h3> <img src="emozi_all/pictogram.png" alt="Bowling Icon" width="100"> <p><em>Tap the bowling icon to bowl.</em></p> </div> <div id="batting"> <h3>Batting</h3> <img src="emozi_all/pictogram.png" alt="Batting Icon" width="100"> <p><em>Tap the batting icon to bat.</em></p> </div> </div> <div id="results"></div> </div>

In this game, you will see two icons: one for batting and one for bowling. If you tap on the batting icon, a message will appear saying "You hit a six! Well played!" indicating that you successfully hit a six. If you tap on the bowling icon, a message will appear saying "You bowled the batsman out! Excellent job!" indicating that you have bowled out the batsman. The game starts automatically when you open the HTML file, and the instructions section will be hidden.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple cricket game implemented as a single HTML file, which includes JavaScript code within `<script>` tags. You can play as both the bowler and the batsman. This game assumes smartphone operation and uses pictograms for a better visual experience.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cricket Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #container {
      display: inline-block;
      width: 300px;
      background-color: #f5f5f5;
      padding: 20px;
      border-radius: 10px;
    }
    
    #results {
      margin-top: 20px;
      font-weight: bold;
    }
    
    .button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #4caf50;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      cursor: pointer;
      margin: 10px;
    }
    
    .button:hover {
      background-color: #45a049;
    }
  </style>
</head>
<body>
  <div id="container">
    <h2>Cricket Game</h2>
    <div id="instructions">
      <p><strong>Instructions:</strong></p>
      <p>To bowl, tap on the bowling icon.</p>
      <p>To bat, tap on the batting icon.</p>
    </div>
    <div id="game">
      <div id="bowling" style="display: none;">
        <h3>Bowling</h3>
        <img src="bowling_pictogram.png" alt="Bowling Icon" width="100">
        <p><em>Tap the bowling icon to bowl.</em></p>
      </div>
      <div id="batting">
        <h3>Batting</h3>
        <img src="batting_pictogram.png" alt="Batting Icon" width="100">
        <p><em>Tap the batting icon to bat.</em></p>
      </div>
    </div>
    <div id="results"></div>
  </div>

<script>
    var battingBtn = document.getElementById('batting');
    var bowlingBtn = document.getElementById('bowling');
    var resultsDiv = document.getElementById('results');

battingBtn.addEventListener('click', function(){
      resultsDiv.innerText = 'You hit a six! Well played!';
    });

bowlingBtn.addEventListener('click', function(){
      resultsDiv.innerText = 'You bowled the batsman out! Excellent job!';
    });

function startGame() {
      document.getElementById('instructions').style.display = 'none';
      document.getElementById('batting').style.display = 'inline-block';
      document.getElementById('bowling').style.display = 'inline-block';
    }

startGame();
  </script>
</body>
</html>
```

In this game, you will see two icons: one for batting and one for bowling. If you tap on the batting icon, a message will appear saying "You hit a six! Well played!" indicating that you successfully hit a six. If you tap on the bowling icon, a message will appear saying "You bowled the batsman out! Excellent job!" indicating that you have bowled out the batsman. The game starts automatically when you open the HTML file, and the instructions section will be hidden.