Skip to content

salaficoding/Basic-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

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

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published