Skip to content
Submitted about 1 year ago

(Regex) Calculator

bootstrap, jquery, accessibility
kudos2Shef•210
@kudos2Shef
A solution to the Calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

My first frontend mentor JS challenge, implemented using JQuery and Bootstrap. This is my second take on JS library JQuery and Bootstrap language so far but my first time manipulating CSS properties using JQuery UI. I completed this challenge by incorporating numerous cases that I encountered while developing this app with the help of regex.

What challenges did you encounter, and how did you overcome them?

Bootstrap by default has background color property assigned to .btn classes which I had trouble changing the property in :active pseudo selector using JQuery UI. However with the help of mouseleave() function substituting background-color property in active selector using JQuery UI became possible.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on kudos2Shef's solution.

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