Skip to content
Submitted over 1 year ago

Calculator App using javascript

LVL 3
@Ahmedabdalnaser2010
A solution to the Calculator app challenge

Solution retrospective


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

I’m excited to share my latest project: a Calculator App built with JavaScript. While it may seem like a simple project, I’ve added many features to make it more useful and practical:

1-Light Mode Toggle: Switch between dark and light themes for better visibility and comfort. 2-Backspace Button: Easily delete the last input to correct mistakes. 3-Bracket Buttons ( ): Help users perform more complex operations by grouping calculations. 4-Save Button: Save any result the user wants for future reference. 5-Equal Button: Calculate the final result and store it in history for easy access. 6-Ans | History Button: A single Click to restore the last saved result, and double-click to display the entire history, allowing users to select any result for reuse. 7-Reset/Clear Button: A single click resets the current input, while a double click clears all saved data from history. 8-Keyboard Support: Users can utilize keyboard keys for: a) Use number keys for digits. b) Utilize -, +, *, / for basic operations. c)Backspace key deletes the last input. d) Delete key to start anew e) Enter key to get the answer 9-Responsive Design: Enjoy a seamless calculator experience on any device, from desktops to smartphones.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on ‪Ahmed Gamal‬‏’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