justinduplain / iCalculator

A vanilla JavaScript calculator application. No images or SVGs, UI created with CSS grid and flexbox.

Home Page:https://justinduplain.github.io/iCalculator/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iCalculator

JavaScript mock iOS Calculator. This is a portfolio project from The Odin Project coursework.

iCalculator Screenshot

      Live Project

Features/Pride Points

This project provides basic parenthases functionality paired with input display, a combination I miss in the iOS version.

  • UI is CSS only (no images or SVGs)
  • Vanilla JavaScript
  • Numberpad functionality
  • Outputs scientific notation for very large and small numbers
  • Handles comma display
  • Limits input and display to 9 digits
  • Single character deletion

This project uses interact.js.

Items to clean up:

  • 0 return value displays as scientific notation
  • percent functionality is a bit wonky smaller than 4 decimal places
  • percent function allows number and decimal input after the fact

About

A vanilla JavaScript calculator application. No images or SVGs, UI created with CSS grid and flexbox.

https://justinduplain.github.io/iCalculator/


Languages

Language:JavaScript 61.2%Language:HTML 21.3%Language:CSS 17.4%