Implementation of Calculator from The Odin Project using JavaScript, HTML and CSS.
Live preview of the project is available here.
- supported operations: division, multiplication, subtraction, addition, calculating percentage, changing sign
- rounding to four decimal places
- DEL button (to delete one symbol at a time) and AC button (to perform clear of all display and variables)
- decimal button for floating-point operations
- history of last operation
- option to create portal to another dimension when dividing by zero
- keyboard support
- calculator evaluates a single pair of numbers at a time
- operations buttons and decimal button (
.
) are prevented from pushing twice - responsive design: calculator is functional on desktop and mobile web browsers
- used CSS Flexbox to create website's layout
- used CSS Grid to style calculator
- learned how to implement keyboard support with HTMLElement.click() method
- deepened knowledge of how functions work together
- Visual Studio Code
- Linux terminal
- Git and GitHub
- Adobe Color