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 with 3 Different dynamic themes

Raj Patel 370

@rajkp10

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


Hello there 👋, I am @rajkp10

The challenge is quite easy from the logical point of view.

However, implementing 3 different themes was a bit of a challenge for me as I have not worked with multiple themes in the past. So, it took some time for me to figure out how to design the solution.

The themes are implemented using CSS3 and Vanilla Javascript only.

Any kind of suggestion regarding the code or the design are most welcome. 🙂

Community feedback

@Mohit-k-Mummon

Posted

Looks pretty good! I like the sound effects you've incorporated when clicking the buttons. I have a suggestion for improvement. Consider implementing a restriction that disallows consecutive periods after an existing period in the input. For instance, when I enter '0.0...0', it's evident that this isn't a valid operand. The current error code display works fine, but preventing users from entering invalid operands would be even better. You could consider incorporating a regular expression into your existing code to perform validation on the input. But other than that, keep up the good work!

Marked as helpful

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