Calculator

Final project for the foundation course of The Odin Project, to combine everything that i have learnt so far. The task was to make an on-screen calculator with Javascript, HTML and CSS.

Preview Live Page

Check out the live page here

Approach Used:

• I used Tailwind CSS for this task, so as to practise with the CSS framework and become more proficient.
• Installed and configured tailwind with npm.
• Created html and javascript files and configured accordingly.
• Made a layout of the page with html and proceeded to style using tailwind utility classes, and a bit of custom css in the input.css of tailwind.
• Proceeded to creating a function to carry out the arithmetic operation with javascript, the function takes three parameters, operator, num1 and num2 to return a value.