/odin-calculator

A fully functional calculator with basic arithmetic operations that can be controlled with mouse or keyboard. This is the capstone project of The Odin Project's Foundations course.

Primary LanguageJavaScript

Calculator

Project info

A fully functional calculator with basic arithmetic operations that can be controlled with mouse or keyboard. This is the capstone project of The Odin Project's Foundations course.

Project description can be found here.

Live demo

Live demo available here

Table of Contents

Technologies utilized

  • HTML5
  • CSS3
  • JavaScript ES6

Learning outcomes

This project helped to reinforce the following skills:

  • JavaScript functions
  • JavaScript event listeners
  • DOM manipulation
  • Flexbox
  • implementing keyboard support

Project screenshot

Calculator

Behind the scenes

Improvements

This project could be improved with:

  • history of past operations stored on the side, perhaps in a collapsable container
  • Live preview of n1, operation, n2, and calculated value within input window.
    • on the bottom right, greyed out, with regular display top left, black

Installation

  • Clone this repository to your desktop.
  • Navigate to the top level of the directory by running cd odin-calculator.
  • Open index.html in your browser.