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 with keyBoard and previous operand access, transiton effect

@RahulKumarGautam1636

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


finally completed this one. HTML and CSS part was a little bit easier, the challenging part was the JS code for calculation which took my 60% of total time because i wanted the have self written and error free calculation code that works exactly same as real calculator and also prevents user from entering wrong inputs. in this process i explored bunch of properties which I have never used before such as eval(), Number.isInteger(), parseFloat(), str.toFixed() and the Error handling. feel free to criticize or suggest anything if something left to improve and also let me know if you discover any error in calculation.

Community feedback

@sivakumarkatari2020

Posted

Amazing transition effects brother!

0

@RahulKumarGautam1636

Posted

@sivakumarkatari2020 thank you bro, i hope you will do better than this 🙂🙂

0
Juliet 235

@julis923

Posted

Thanks for posting! I just completed this project too and found it to be a great challenge. Very smart to use eval() - I did it manually using smaller individual functions, which likely took a lot longer, lol! Calculation seems to be working well. I also like that you added the equation to the top of the solution screen.

Great job!

1

@RahulKumarGautam1636

Posted

@julis923 thank you for your valuable feedback 😊😊

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