Calcasio is basically a replica of a casio calculator we see and use in our everyday life. Not just UI is designed, but functionality has also been added to perform all the basic operations.
The design part is developed using HTML, and custom CSS, and no framework has been used for design part. For functionality, Javascript, and jQuery have been used.
- Design part :
- Responsive
- Pixel perfect design
- Functionality :
-
Inputs :
- Mouse clicks.
- Keyboard inputs.
-
Operations :
- Basic arithmetic operations (Addition, Subtraction, Multiplication, Division).
- Auto Replay.
- Input Modification.
- Operations like square root, and negation.
-
| Buttons | Keys | Purpose |
|---|---|---|
| ON | Esc | To turn on calculator |
| 0-9 | 0-9 | To input number |
| . | . | To add decimal |
| +/- | - | Changes input to its negative |
| √x | - | Changes input to its square root |
| CORRECT | - | Omits last entered digit |
| AUTO REPLAY | - | Replays the operations performed sequentially |