Rock-Paper-Scissors game is built with HTML, CSS and JS.
A simple Rock-Paper-Scissors game built using HTML, CSS, and JavaScript. This game allows users to play against the computer in a fun and interactive way.
- Interactive UI with images for rock, paper, and scissors.
- Randomized computer moves for a fair game.
- Score tracking for both player and AI.
- Engaging UI feedback for wins, losses, and ties.
- HTML: Structure of the game.
- CSS: Styling and layout.
- JavaScript: Game logic and interactivity.
- Click on Rock, Paper, or Scissors.
- The computer will randomly select one of the three options.
- The result will be displayed:
- โ You Win โ Your choice beats the computer's.
- โ You Lose โ The computer's choice beats yours.
- ๐ค It's a Draw โ Both choices are the same.
- Scores will be updated accordingly.
- Play again to improve your score!
Rock-Paper-Scissors-Game/
โโโ index.html # Main HTML file
โโโ style.css # Styling file
โโโ app.js # JavaScript game logic
โโโ images/ # Folder for game images (Add images here)
โโโ README.md # Project documentation
- Clone the repository:
git clone https://github.com/yourusername/Rock-Paper-Scissors-Game.git
- Open the
index.htmlfile in any modern web browser.
Currently, the images in index.html and style.css are set to an absolute local path. To fix this:
- Move your images to a local
images/folder inside the project directory. - Update the image paths in
htmlfile.htmlandstyle.css, for example:<img src="images/rock.png" alt="Rock">
background-image: url('images/background-img.webp');
- Adding animations for a better user experience.
- Allowing users to set their names.
- Implementing a best-of-three or best-of-five mode.
Developed by Shashank B G.
Enjoy the game and feel free to contribute! ๐