/odin-calculator

Calculator app in JS

Primary LanguageJavaScript

Calculator 2000

The project is to create a calculator in js only using HTML, CSS and Vanilla JS.

🔗 Live preview: here

Screenshot

screenshot

Built with

Technologies

  • HTML
  • CSS
  • JS

Tools

  • Visual Studio Code
  • Linux terminal (windows WSL)
  • Git and GitHub
  • ESLint
  • HTML/Sass Boilerplate (npm)
  • Sass preprocessor

Features

  • Classic operators: Possibility to calculate using simple math operators
  • Correct and Clear buttons
  • Keyboard support
  • adjust positive/negative
  • math power x²

Outcome

  • Used JS to build the calcul and display logic
  • 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 Chrome browsers.

What I learned

  • Better knowledge of Javascript.
  • Refactoring of code, functions to display, functions to process/calculate
  • Improved code structure and code readability.
  • Improved clean code writing.
  • Use of ternary operator

Author

👤 Edouard Desgrée

Created while working on the The Odin Project