Rock-Paper-Scissors Game

Tech Used: HTML, CSS, JavaScript

Description:

This is an interactive Rock Paper Scissors game built using HTML, CSS, and vanilla JavaScript. The game allows a user to play against the computer in a fun and engaging way with real-time feedback, score tracking, and simple animations.

Features:

User Interface (UI):

Clean and minimal design using HTML and CSS. The layout includes:

Game title and instructions

Buttons for Rock, Paper, and Scissors

Scoreboard displaying Player vs Computer scores

Result message showing who won each round

Game Logic with JavaScript:

Generates a random choice for the computer each round

Compares user input with computer’s choice

Applies standard rules of Rock > Scissors, Scissors > Paper, Paper > Rock

Displays the result (Win/Lose/Draw) immediately after each round

Score Tracking:

Keeps count of both the player and computer scores

Updates the scoreboard dynamically with every game round

Real-Time Feedback:

Displays outcome messages such as “You Win! Rock beats Scissors”

Uses color indicators or basic animations (like changing text color) for wins, losses, and draws

Replayability:

Game can be played unlimited times

Option to reset scores (if implemented)

No Page Reloads:

Entire game logic runs in-browser with no refresh required

Purpose of the Project:

To practice DOM manipulation, event handling, and basic game logic using JavaScript. It also demonstrates front-end skills such as creating interactive elements, styling with CSS, and handling user input.