Rock Paper Scissors

A browser-based Rock Paper Scissors game built as part of The Odin Project Foundations curriculum.

Live Demo

View on Netlify

About

Play Rock Paper Scissors against the computer. The game runs for 10 rounds, tracks the score for both the player and the computer, and declares a winner at the end.

Features

• Player vs. Computer gameplay
• 10-round match format with automatic winner declaration
• Live score tracking via an on-screen scorecard
• Animated loading indicator while waiting for a choice
• Active button highlight to confirm the player's selection
• Reset button to start a new game

How to Play

1. Click Rock, Paper, or Scissors to make your move.
2. The computer randomly selects its choice, displayed on screen.
3. Scores update after each round.
4. After 10 rounds, the overall winner is announced.
5. Click Reset to play again.

Tech Stack

• HTML5
• CSS3 (custom font via Mozzarella Cheese.otf, Google Fonts Figtree)
• Vanilla JavaScript (no frameworks or libraries)

Project Structure

├── index.html
├── css/
│   └── styles.css
├── js/
│   └── script.js
└── fonts/
    └── Mozzarella Cheese.otf

Credits

• Project assignment: The Odin Project — Foundations: Rock Paper Scissors
• Crafted by Macie Lanthier