sCalc

[! [] (https://badge.juejin.im/entry/57c8f5d02e958a0068cc7a7b/likes.svg?style=flat)] (https://juejin.im/entry/57c8f5d02e958a0068cc7a7b/detail)

Function Description

A simple calculator, a simple calculator

1. Pure HTML, CSS, JS preparation
2. The calculator layout uses the CSS3 FlexBox layout
3. Mobile APP build using HBuild
4. On APP, after entering the phone number, press and hold the equal sign to dial the phone number
5. Swipe left and right to switch one-handed mode
6. Built-in two sets of themes to switch

Author / web ID: Dunizb, blog: http://dunizb.com

Introduction article: [Pure HTML + CSS + JavaScript written calculator application] (http://www.imooc.com/article/13009)

version

• [Progressive Web App] (https://calc.love2dev.com/)

renderings

Home 1 - Gray Theme	Home 2 - Dark Theme	Single Hand Mode (Left)
. [] (./ images / thumb / 1.jpg)	! [] (./ images / thumb / 2.jpg)	! [] (./ images / thumb / 3.jpg)

History page	About page	One-handed mode (right)
. [] (./ images / thumb / 4.jpg)	! [] (./ images / thumb / 5.jpg)

TODO

• [] Refactor Code So it is modular
• [] Eliminate Dark theme page and make dark style sheet instead

update record

[update.md] (UPDATE.md)