Skip to content

aarushisaki/Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

1 Commit
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿงฎ JavaScript Calculator

A simple, beginner-friendly calculator built using HTML, CSS, and JavaScript. This project performs basic arithmetic operations and has a clean, minimal UI.


๐Ÿ”— Live Demo (GitHub Pages)

If you enable GitHub Pages, your project will go live here:

https://aarushisaki.github.io/JS_Calculator/

๐Ÿ“ Project Structure

JS_Calculator/
โ”‚โ”€โ”€ layout.html        # Main UI
โ”‚โ”€โ”€ style.css          # Stylesheet
โ””โ”€โ”€ calculator.js      # JavaScript logic

โœจ Features

  • Fully interactive button-based calculator

  • Supports:

    • Addition (+)
    • Subtraction (โˆ’)
    • Multiplication (ร—)
    • Division (รท)
  • Clear (C) button resets everything

  • Real-time display updates

  • Beginner-friendly, readable code


๐Ÿ› ๏ธ How to Run

  1. Clone the repository:
git clone https://github.com/aarushisaki/JS_Calculator
  1. Open the folder:
cd JS_Calculator
  1. Run the calculator by opening layout.html in any browser.

No installation required โ€” pure HTML, CSS, JavaScript.


๐Ÿง  What I Learned

  • DOM manipulation
  • Button click event handling
  • Updating UI dynamically
  • Basic state management in JavaScript
  • Structuring a simple web project

๐Ÿš€ Possible Future Improvements

  • Add decimal (โ€œ.โ€) button
  • Add backspace/delete
  • Add keyboard input support
  • Add animations or themes
  • Upgrade to a scientific calculator

๐Ÿค Contributing

Pull requests are welcome! If you'd like to improve the calculator or add features, feel free to fork the repo.


๐Ÿ“„ License

This project is open source under the MIT License.


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors