GithubHelp home page GithubHelp logo

adityamkk / online-calculator-project Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 10 KB

Simple online calculator with basic functionality and history

License: MIT License

JavaScript 61.25% HTML 17.09% CSS 21.65%
calculator css html javascript js

online-calculator-project's Introduction

Online Calculator

Simple online calculator application on the browser with several features.

Description

The calculator has an input box and an output box located near the top of the screen. Whatever is typed, either by the buttons on the screen, or by the keyboard, will appear in the input box. When either the enter key is pressed or the "equals" button is pressed, the output will be displayed in the output box, located below the input box.

image

The buttons for the calculator are located below the output box. They are colored either green, orange, or yellow, which indicates a certain type of functionality. Orange buttons are for operations, such as trig functions, exponents, logarithms, and inverse trig functions.

Yellow buttons are for digits and are mostly located below the orange buttons. Additionally, there are two yellow buttons for pi and e located near the top of the button panel.

Finally, green buttons are miscellaneous and perform operations such as converting from radian or degree mode, clearing the input box, or performing operations.

image

Below the button panel is a history log that goes up to 7 entries. Each input and output is stored by recency in the history, with inputs in the light gray boxes and outputs in the dark gray boxes. The entries in each box can be copied to the clipboard by clicking on them.

Entries that are empty will instead display "NaN".

image

Lastly, a dark mode feature is available for those who dislike the light mode default. It can be toggled with the button on the top right corner of the screen, above the calculator.

There may be bugs still undiscovered.

image image

Installation

Simply download the .zip file from the green button labelled "Code", unzip the folder, and run the index.html file in the browser.

License

MIT

online-calculator-project's People

Contributors

adityamkk avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.