search

dhairyagothi / 100_days_100_web_project

This repository contains 100 web projects from basic to intermediate using html css and js Please star the repo before start working on it
https://50-days-50-web-project.vercel.app/
MIT License
30 stars 36 forks source link

Building a Ball Bat Stump-Game using Html,Css, Javascript. #81

Closed Shivakumarjagadam closed 4 months ago

Shivakumarjagadam commented 4 months ago

Ball Bat Stump Game

Project Description

The Ball Bat Stump Game is a simple yet engaging web-based game inspired by the classic rock-paper-scissors concept, but with a cricket twist. Developed using HTML, CSS, and JavaScript, this game allows users to play against the computer by selecting one of three cricket items: bat, ball, or stumps. The computer randomly chooses one of the remaining items, and the game determines the winner based on predefined rules.

Game Rules

  1. Bat defeats Ball: If the user chooses Bat and the computer chooses Ball, the user wins.
  2. Ball defeats Stumps: If the user chooses Ball and the computer chooses Stumps, the user wins.
  3. Stumps defeat Bat: If the user chooses Stumps and the computer chooses Bat, the user wins.
  4. Tie: If both the user and the computer choose the same item, the result is a tie.

How It Works

  1. User Interaction: The user selects one of the three items (Bat, Ball, or Stumps) by clicking the corresponding button.
  2. Computer Choice: The computer randomly selects one of the items.
  3. Result Display: The game compares the user's choice with the computer's choice and displays the result (win, lose, or tie).
  4. Score Update: The game keeps track of the user's wins, losses, and ties, updating the score after each round.
  5. Reset Option: A reset button is provided to restart the game and reset the scores.

Features

Technologies Used

How to Play

  1. Open the game in your web browser.
  2. Click on one of the items (Bat, Ball, or Stumps) to make your choice.
  3. The computer will automatically choose an item.
  4. View the result displayed on the screen.
  5. Check the updated score.
  6. Click "Reset" to start a new game round.

Screenshot 2024-06-19 000853

github-actions[bot] commented 4 months ago

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUUTING.md carefully. Your contributions are highly appreciated! 😊

dhairyagothi commented 4 months ago

Sounds good Go ahead @Shivakumarjagadam

Shivakumarjagadam commented 4 months ago

I successfully added a cricket game. Please check here #152