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 =]
- 🧮 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: -
- 🌐 HTML: For structure and layout.
- 🎨 CSS (BEM): For styling and maintaining a modular structure.
- 🛠️ Vanilla JavaScript: For interactive and dynamic features.
- Clone this repository:
git clone https://github.com/KostasSliazas/calculator.git
- Navigate to the project directory:
cd calculator
- Open the index.html file in your preferred browser.
├── 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
Feel free to fork this repository and submit pull requests. Contributions are welcome!
This project is licensed under the MIT License. See the LICENSE file for details.