Rock Paper Scissors Game with UI

Overview

This project is an interactive Rock Paper Scissors game, created as part of the Foundations Course in The Odin Project. The primary focus is to implement a user interface (UI) using HTML, CSS, and JavaScript, offering an engaging and dynamic gaming experience.

Project Overview

The Rock Paper Scissors game is designed with a modular JavaScript approach, for efficient code organization. The UI includes buttons for player selections, real-time score tracking, and round results, providing a seamless gaming experience.

Features

• Interactive UI: Players make selections by clicking on buttons (Rock, Paper, Scissors).
• Dynamic Score Tracking: Player and computer scores are updated in real-time.
• Round Results: Immediate display of outcomes for each round.
• Restart Functionality: A "Play again" button allows users to restart the game.
• Responsive Design: The UI is designed for optimal viewing on various devices.

Project Structure

The project is structured with modular JavaScript, promoting clean and maintainable code.

Technologies Used

• HTML: Structure of the webpage.
• CSS: Styling for an attractive appearance.
• JavaScript (ES6): Core logic for game functionality.

How to Play

1. Click on the buttons (Rock, Paper, or Scissors) to make your selection.
2. The computer will randomly choose its move.
3. Scores are updated dynamically, and round results are displayed.
4. Continue playing until one player reaches 5 points.
5. Click "Play again" to restart the game.

Live Demo

Experience the live demo of the Rock Paper Scissors game with UI by visiting this link.

Enjoy the interactive and dynamic gameplay! Explore the GitHub repository for the complete code and project history.