Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

bonus Rock-Paper-Scissors Angular SPA with animations and SCSS styling

zofia-mm 160

@zofia-mm

Desktop design screenshot for the Rock, Paper, Scissors game coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm so putting this on my portfolio.

Community feedback

Dun 290

@DundeeA

Posted

Great job completing this challenge, I have just a couple suggestions to improve.

Typescript: After testing I realized its possible to get negative points when you lose with a score of '0'. You can fix this issue quite easy by adding an if statement right before you subtract a point.

if (this.score != 0) { this.score -= 1; }

Accessibility: Your buttons don't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. You can add an accessible name to a button by adding an aria-label.

Example: <button aria-label="scissors"> </button>

Marked as helpful

1

zofia-mm 160

@zofia-mm

Posted

@DundeeA

I knew how to fix negative score, I just like it this way. My low score is -10.

Thanks for the feedback on accessible button names. I was confused, when the report brought it up.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord