Rock-Paper-Scissors

This is a simple Rock-Paper-Scissors game built using HTML, CSS, and JavaScript. The game allows you to play against the computer. The rules are the classic ones: Rock beats Scissors, Scissors beats Paper, and Paper beats Rock.

Table of Contents

• Introduction
• Features
• How to Play
• Installation
• Project Structure
• Learning Source

Introduction

The Rock-Paper-Scissors game is a fun, interactive project that demonstrates how to handle user interactions, manipulate the DOM, and work with basic game logic in JavaScript. This project is perfect for beginners who are getting started with web development.

Features

• Simple, intuitive user interface.
• Dynamic message updates based on the outcome of each round.
• Scoreboard to keep track of user and computer scores.
• Randomized computer choices.
• Interactive buttons for user input.

How to Play

1. Click on any of the Rock, Paper, or Scissors icons to make your choice.
2. The computer will randomly select its choice.
3. The result of the round (Win, Lose, or Draw) will be displayed, and the scores will be updated accordingly.
4. Continue playing as long as you like!

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Rupesh-Singh-Karki/Rock-Paper-Scissors.git

2. Navigate to the project directory:

   cd Rock-Paper-Scissors

3. Open the index.html file in your browser to start the game.

Project Structure

• index.html: The main HTML file that structures the webpage.
• style.css: The CSS file that styles the webpage.
• script.js: The JavaScript file that contains the game logic.
• img/: This directory contains the images used in the project.

Images

All images used in this project are stored in the img folder. These include the icons for Rock, Paper, and Scissors.

Learning Source

I learned how to create this Rock-Paper-Scissors game by following a tutorial on YouTube. You can watch the tutorial here.