https://github.com/marwan-ahmed-23/basic-calculator

A lightweight and responsive calculator built with HTML, CSS, and JavaScript. This project showcases a basic arithmetic calculator capable of performing addition, subtraction, multiplication, and division.
https://github.com/marwan-ahmed-23/basic-calculator

calculator javascript math simple template tool

Last synced: 10 days ago
JSON representation

A lightweight and responsive calculator built with HTML, CSS, and JavaScript. This project showcases a basic arithmetic calculator capable of performing addition, subtraction, multiplication, and division.

• Host: GitHub
• URL: https://github.com/marwan-ahmed-23/basic-calculator
• Owner: marwan-ahmed-23
• License: mit
• Created: 2024-12-13T08:54:53.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-31T14:58:55.000Z (15 days ago)
• Last Synced: 2024-12-31T15:33:00.968Z (15 days ago)
• Topics: calculator, javascript, math, simple, template, tool
• Language: CSS
• Homepage:
• Size: 72.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌟 Basic Calculator

A modern, responsive, and feature-rich calculator built with **HTML**, **CSS**, and **JavaScript**. This project supports basic arithmetic operations, advanced scientific functions, and a toggleable **dark mode** for an enhanced user experience.

## 🚀 Features

- **Basic Arithmetic Operations**:

  - Addition (+), Subtraction (-), Multiplication (*), Division (/), Modulus (%).

- **Scientific Functions**:

  - Square roots (√), Exponentiation (x²), Logarithms (log), and Trigonometric functions (sin, cos, tan).

- **Dark Mode**:

  - Toggle between light and dark themes with a smooth transition.

  - Persistent theme settings saved in local storage.

- **Calculation History**:

  - Displays previous calculations with improved styling and spacing.

- **Responsive Design**:

  - Fully optimized for desktop and mobile devices.

## 📸 Demo

![Basic calculator Demo](assets/screenshot.png "Demo of Basic calculator App")

## 📂 Directory Structure

```plaintext

basic-calculator/

├── assets/

│   └── screenshot.png

├── LICENSE

├── index.html

├── styles.css

├── script.js

└── README.md

```

## 📖 How to Use

Clone and Run Locally:

1. Clone the repository:

    ```bash

    git clone https://github.com/marwan-ahmed-23/basic-calculator.git

    ```

2. Navigate to the project directory:

    ```bash

    cd basic-calculator

    ```

3. Open `index.html` in your browser.

> ### View Online:

> You can also host the project on any static hosting platform (e.g., GitHub Pages, Netlify, Vercel).

## 🛠️ Customization

How to Customize:

- Modify `styles.css` for custom themes or layouts.

- Add or edit functions in `script.js` for advanced operations.

- Update `index.html` to personalize the UI.

## 🤝 Contributions

Contributions are welcome! If you'd like to improve or extend the functionality, feel free to fork the repository and submit a pull request.

## 🌟 Stay Connected

- Star this repository if you find it helpful! ⭐

- Share your feedback or suggestions to help us improve.