en / es / ca / de

Calculator

In this project I have developed a calculator that performs simple mathematical operations.

Source code

Features

  • It performs basic operations such as addition, subtraction, multiplication and division.
  • It allows operations with parentheses, integers and decimals.
  • It has delete and reset functions.
  • It can accumulate results for the next operation.
  • It provides an information screen in case of actions or errors.
  • If the expression is too long, the font size of the screen becomes smaller.
  • It is designed to work with both mouse and keyboard.

What I learned

  • How to develop operational logic.
  • How to create grid structures with CSS Grid.
  • How to access and manipulate the DOM with Vanilla JavaScript.
  • How to apply mouse and keyboard events.
  • How to create visual effects with pseudo-classes like "hover" and "active".

Technologies

  • Front-end: JavaScript (ES6), HTML, CSS
  • Back-end: -