Submitted 8 months ago

🔥Animated calculator with sounds and theme switcher🔥

Saad Hisham• 1,750

@Saad-Hisham

Preview site View code

This is a solution for...

Calculator app

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi there🙋‍♂️!

This was one of the most challenging projects I've had fun completing. Here's what I did:

I added multi-calculation so that you can perform multiplication, addition, or anything else in the same line.
I added sounds on click, theme changes, and errors.
I added animations on theme changes and errors.

I was inspired by the error animation of another developer on the platform, Alexandra. Thank you!

I was going to add a history of calculations, but I felt it wouldn't be a good idea 😅

Community feedback

David• 150

@Daviddp96

Posted 8 months ago

Love the sounds, the themes and the error notification.

Overall nice but you can't do operations like "2/0.2" so that might be worth checking out and fixing!

Nicely done!

Marked as helpful

Saad Hisham• 1,750

@Saad-Hisham

Posted 8 months ago

Thank you David I'm working on it now@David35D

Saad Hisham• 1,750

@Saad-Hisham

Posted 8 months ago

@David35D I fixed it check it now if possible and tell me if you see any other issues

ManiNasih• 180

@ManiNasih

Posted 8 months ago

Hi !! It's working and It's very nice!

but why I can't add negative numbers??

Marked as helpful

Saad Hisham• 1,750

@Saad-Hisham

Posted 8 months ago

Thanks, i fixed it @ManiNasih

Please log in to post a comment

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