/calculator

Calculator

Primary LanguageCSSMIT LicenseMIT

Calculator Project

A simple and responsive calculator built using vanilla JavaScript, HTML, and CSS. This project follows the BEM methodology for styling and includes theme-changing functionality. The theme will change every time unless you click on the screen to manually select it. This is one of honest calculators. Why? 100/3*3 =]


Features

  • 🧮 Basic Operations: Supports addition, subtraction, multiplication, and division.
  • 📱 Responsive Design: Optimized for different screen sizes.
  • 🎨 Theme Switching: Toggle between themes by clicking on the screen.
  • Clean Code: Follows the BEM methodology for CSS structure and uses vanilla JavaScript for functionality.
  • ⌨️ Keyboard Support: -

Technologies Used

  • 🌐 HTML: For structure and layout.
  • 🎨 CSS (BEM): For styling and maintaining a modular structure.
  • 🛠️ Vanilla JavaScript: For interactive and dynamic features.

How to Use

  1. Clone this repository:
    git clone https://github.com/KostasSliazas/calculator.git
  2. Navigate to the project directory:
    cd calculator
  3. Open the index.html file in your preferred browser.

Project Structure

├── css/
│   ├── style.css
│   └── style.min.css
├── js/
│   ├── script.js
│   └── script.min.js
├── apple-touch-icon.png
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon.ico
├── mstile-150x150.png
├── site.webmanifest
├── browserconfig.xml
├── sw.js
├── LICENSE
├── index.html
└── jsconfig.json

Contributing

Feel free to fork this repository and submit pull requests. Contributions are welcome!

License

This project is licensed under the MIT License. See the LICENSE file for details.