Skip to content

JoaquinArruiz/rock-paper-scissors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rock Paper & Scissors

HTML5 Badge CSS3 Badge Javascript Badge

Rock Paper and Scissors game to show new javascript, html and css knowledge

You can play the live test at: Rock-Paper-Scissors Live Page


Process and Some Thoughts:

I Started with the html so I can get an idea of how the boxes will be arranged, then I worked in CSS changin the background of those boxes so I can get an idea of the size and how to rearrange them. Tried to make everything with em, rem, % but some px was added at the end for some aesthetic tweaks. The logic part was the easiest but got stuck with some dumb mistakes. Showed it to a friend of mine and he helped me to improve some code, specially in the css part.

Found some cool tricks in the process that I think will be useful in the future

A really funny project but I got frustrated sometimes.

Known Issues:

  • Need to add a winner to the game after the player or the computer wins 5 rounds
  • Need to improve some of the code (button's part, trying to figure out how to implement the three of them to and querySelectorAll)
  • Restarting the game without reloading the page
  • The 🔁 emoji is smaller than the original buttons
  • Comment more in the JS

About

rock paper and scissors game

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published