Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧮 Modern Calculator - Salafi Coding Theme

Welcome to the Modern Calculator project! This sleek, fully functional calculator is built using HTML, CSS, and JavaScript, and is styled with the Salafi Coding theme, featuring a combination of purple, black, and white. Whether you're a beginner looking to learn how calculators work or just need a stylish calculator for your web projects, this is the perfect tool for you!


🌟 Features

🔗 Themed Design

  • Background: Black for a modern, clean look.
  • Buttons: Vibrant purple with crisp white text for maximum visibility.
  • Input Field: Black background with white text to match the overall theme.

🔢 Functionality

  • Perform basic arithmetic operations:
    • Addition (+)
    • Subtraction (-)
    • Multiplication (×)
    • Division (÷)
  • Clear Input: A "C" button to reset the input field.
  • Error Handling: Provides feedback for invalid inputs or division by zero.

📱 Responsive Layout

  • The calculator is fully responsive and adapts to all screen sizes.
  • Buttons are dynamically arranged in rows for easy access on both desktop and mobile devices.

🛠️ Technologies Used

  1. HTML: Structure of the calculator.
  2. CSS: Styling with the modern Salafi Coding theme.
  3. JavaScript: Core functionality for calculations and error handling.

🚀 How to Use

  1. Clone or download the repository.
  2. Open the index.html file in your browser.
  3. Start using the calculator to perform operations!

🎨 Screenshots

🖥️ Desktop View

Desktop View
A stylish and user-friendly layout for desktop users.

📱 Mobile View

Mobile View
A compact and responsive design for mobile devices.


👩‍💻 Contributing

Contributions are always welcome! If you have ideas to improve the functionality or design, feel free to submit a pull request.


🛡️ License

This project is licensed under the MIT License, so feel free to use it for personal or commercial projects.


💡 What’s Next?

  • Add advanced features like percentage calculations and memory functions.
  • Explore theming options to allow users to switch between light and dark modes.

✨ Acknowledgments

This project is part of the Salafi Coding Project aimed at making programming fun, interactive, and accessible for everyone.


Happy Coding! 😊

About

Basic calculator in HTML, CSS and Javascript

Resources

Stars

0 stars

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages