Calculator Project.No: 5

The Project is to Build a Calculator using JavaScript, HTML and CSS.

This Project is based on The Odin Project's curriculum.

Here have a Look at the Project 👈

Features:

• Supported operations: power, divide, multiply, subtract, add.
• Calculator calculates a single pair of numbers at a time
• The numbers rounds up after three decimal places.
• For those numbers can't able to display will shown as exponent value (upto 11 numbers).
• It does have a keyboard compadability. ('^' is symbol for power operator)

Built with

• HTML
• CSS
• JS

Tools

• Visual Studio Code
• Linux terminal
• Git and GitHub

Third party component

• Google Fonts
• Font Awesome
• ICON8 - Favicon

Outcome

• Used HTML5 semantic elements for better readability and structure.
• Used CSS3 grid and flex to create layout.
• Used Git and GitHub for project management.
• Tried to maintain clean code.
• Cross tested on Firefox and Chromium based browsers.

Summary

What I learned

• Learned the basics of CSS grid Span.
• Better knowledge of Javascript.
• Learned more about DOM manipulation and Event Listeners.
• A lot of minor things.

Coded by

👤 chromecodes

• GitHub: chromecodes