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

HTML, Sass, Javascript

Carlos 1,110

@Carlos-A-P

Desktop design screenshot for the Calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • I used the mathjs library and Javascript classes for this project.
  • I wanted to focus more on the accessibility and the Sass styling for this project so if anyone has tips or suggestions I'd appreciate it.
  • As an additional challenge, I wanted to implement a feature where the user can navigate the calculator keypad with the W, A, S, D keys too. I figured that the arrow keys are already reserved for the scrolling and didn't want to mess with that. If anyone has any helpful resources or articles, that would be very helpful as well.

Community feedback

@john-k-phillips

Posted

Hey, just a note; your link to the GitHub repo returns an error 404.

The design is pretty spot on! Nice work :)

0

Carlos 1,110

@Carlos-A-P

Posted

@john-k-phillips thanks! and sorry about that, I forgot to set the repo to public.

0

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