🪨 Rock Paper Scissors

About the project

Game of Rock Paper Scissors against the computer. First to 5 wins!
Created as part of The Odin Project Web Development Foundations curriculum.

► Live demo 👀

Features

• Pick your weapon: rock, paper or scissons?
• View current round's players weapon selection
• View scores update with each round
• Play again feature

Built with

🪄 Technologies

• JS
• CSS
• HTML

🔧 Tools

• Visual Studio Code
• Git & GitHub
• macOS Terminal

💙 Credits

• Got layout inspiration from lookingcoolonavespa's game

Takeaways

• Practiced how to make a random choice within 3 options using Math.floor(Math.random() * 3) + 1 formula, upon event listened to
• Printed variables' values in DOM elements for the first time in a project
• Used event listeners with button click events for the first time in a project
• Assigned CSS classes in DOM using Element.classList for the first time in a project
• Learned how to reset application state properly
• Practiced array methods
• Practiced CSS Flexbox
• Practiced BEM naming convention for CSS classes