Skip to content

Experiment: Calculator

Uses: HTML5, CSS3, JavaScript 1 min read

A calculator, made with flexbox using Material Design Cyan+Teal, modeled after the ChromeOS Calculator.

Basic calculator with buttons for numbers 0-9, clear, plus, minus, multiply, divide, and equals.
Material calculator, created by me!

My calculator is featured in UpLab's Mobile calculator apps collection and was chosen as "Best of the Day" on 03 August 2017.

You can play with it on Codepen!

Pics, or it didn't happen:

Screenshot of my calculator submission on UpLabs with its
My calculator got 1st place for "Best of the Day" on 03 August 2017, UpLabs.

Thanks for reading! If this helped or you learned something, Buy Me A Coffee.

Written by Permalink

Tags: calculator design material design daily ui challenge