Skip to content

simeonbain/calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calculator

Live Site

Overview

A responsive calculator web app.

Features:

  • Three colour themes, selectable via a toggle input
  • Basic calculator functionality, including decimal points
  • Delete: backspaces the last input
  • Reset: resets the calculator
  • Keyboard input for calculations
  • Responsive design
  • Special handling of touch inputs for better user experience on touch screens

Known limitations:

  • The calculator can handle and display negative numbers, but the user cannot input negative numbers themself currently
  • The calculator can only display a maximum of 11 digits on the screen. Therefore inputs are limited to this amount of digits, and calculation results that exceed this will show an 'Out of range' message.

Screenshots

Desktop:

Screenshot of the application on desktop

Mobile with Theme 1 / Mobile with Theme 2 / Mobile with Theme 3:

Three screenshots of the application on mobile with Theme 1, Theme2, and Theme 3 respectively

Technologies

  • HTML
  • CSS
  • JavaScript

Motivation

This project was created as an exercise to apply HTML, CSS, and JavaScript fundamental concepts.

Acknowledgements

The visual design is from Frontend Mentor.