https://github.com/anndcodes/rock-paper-scissors

Odin Project's rock paper scissors project game using JavaScript's DOM.
https://github.com/anndcodes/rock-paper-scissors

javascript javascript-game odin-project rock-paper-scissors the-odin-project

Last synced: 29 days ago
JSON representation

Odin Project's rock paper scissors project game using JavaScript's DOM.

• Host: GitHub
• URL: https://github.com/anndcodes/rock-paper-scissors
• Owner: anndcodes
• Created: 2023-02-10T00:07:06.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-13T20:56:56.000Z (about 3 years ago)
• Last Synced: 2025-01-21T23:24:52.902Z (over 1 year ago)
• Topics: javascript, javascript-game, odin-project, rock-paper-scissors, the-odin-project
• Language: JavaScript
• Homepage: https://anndcodes.github.io/rock-paper-scissors/
• Size: 48.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Rock Paper Scissors Game

A **"Rock Paper Scissors"** game from **_"The Odin Project"_** curriculum.

![start page](assets/RPS-1.png)

---

## About the Project:

A simple game where the user chooses between three options: rock, paper, or scissors and play with the computer.

* The game have a start page, when clicking on "start", the options will appear so the user can choose between them.

* The game has a scoreboard: when the user chooses an option, it shows whether the user or the computer won the round, and then increases the points.

* The first to score 3 points is the winner of the game!

* After announcing the winner, the game asks if the user wants to play again, showing a "play again" button.

---

## Features:

* The page has a dark mode option

* Mobile friendly

* Has animation on the game title applied with JS and CSS.

* Was used DOM manipulation, events, functions, conditionals and loops.

![game playing with dark mode](assets/RPS-2.png)

---

## Techs and resources used:

The project was developed with: 

* HTML

* CSS

* JavaScript

* Fonts and dark mode icon: [GoogleFonts](https://fonts.google.com/)

---

## Visit the project

Check the [project](https://anndcodes.github.io/rock-paper-scissors/) out!

---

Made with ❤️ by [Annd](https://github.com/anndcodes)