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

Calculator App Using CSS grid, JavaScript

@K4UNG

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 thought styling this would be quiet challenging and logic would be simple, but turns out it was the other way around. I had so much fun writing this and learned a lot about array methods, setInterval and a lot more. I even tried adding some sound effects to it and hopefully it doesn't annoy you. I'd very much love to hear your feedback and suggestions on how I can improve things. Happy Coding!

Community feedback

Abrosss 440

@Abrosss

Posted

So when i press a button it stays pressed till i click another. And i don't know if it should be like this, but i caught myself playing with it pressing all the buttons:D Just want to say it's so satisfying doing this with this ticking sound:D and great job!

0

@K4UNG

Posted

@Abrosss Yes, the pressed state was intentional. Thanks for your feedback.

0

@alexandretoullec

Posted

Love your solution congrat!!

0

@K4UNG

Posted

@alexandretoullec Thank you.

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