Skip to content

This a basic calculator with the modern clean UI also having features of scientific calculator made in HTML, CSS and Javascript.

Notifications You must be signed in to change notification settings

ChitranshSingh/Basic-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Modern Calculator: Your All-in-One Computational Powerhouse!

Welcome to the Modern Calculator, a sleek and intuitive web-based calculator that seamlessly blends standard arithmetic with advanced scientific functions. Crafted with HTML, CSS, and JavaScript, this project isn't just a tool; it's an experience, featuring a dynamic background animation that brings the world of mathematics to life!

✨ Features That Dazzle

πŸ”’ Standard Calculator

Perform all your essential arithmetic operations with ease:

  • Addition (+)
  • Subtraction (-)
  • Multiplication (Γ—)
  • Division (Γ·)
  • Clear (AC): Reset your calculations instantly.
  • Delete (DEL): Correct mistakes one digit at a time.
  • Decimal Support (.): Handle non-integer values effortlessly.
  • Keyboard Support: Type directly for a faster workflow.

πŸ”¬ Scientific Calculator (Toggle On!)

Unleash the power of advanced mathematics with a simple toggle switch:

  • Trigonometric Functions: sin, cos, tan (converts degrees to radians for calculation).
  • Logarithmic Functions: log (base 10), ln (natural logarithm).
  • Powers: xΒ² (square), xΒ³ (cube), xΚΈ (custom power).
  • Roots: √ (square root), βˆ› (cube root).
  • Constants: Ο€ (Pi), e (Euler's number).
  • Factorial (x!): Calculate factorials for non-negative integers.
  • Inverse (1/x): Find the reciprocal of a number.
  • Toggle Sign (Β±): Switch between positive and negative values.
  • Absolute Value (|x|): Get the absolute value of a number.
  • Memory Functions: MS (Memory Store), MR (Memory Recall), M+ (Memory Add), MC (Memory Clear).

🌌 Captivating Background Animation

Dive into an immersive mathematical universe with a mesmerizing canvas animation:

  • Dynamic Symbols: Watch as Ο€, βˆ‘, ∫, √, Γ·, Γ—, +, -, =, e, ln, sin, cos, tan, ∞ float and interact.
  • Iconic Formulas: Gaze upon E=mcΒ², F=ma, aΒ²+bΒ²=cΒ², e^(iΟ€)+1=0, f'(x), ∫f(x)dx drifting across your screen.
  • Responsive Design: The animation adapts seamlessly to different screen sizes.

🎨 Stunning User Interface

Experience a calculator that's as beautiful as it is functional:

  • Glassmorphism Design: Enjoy a modern, frosted glass effect with subtle shadows and borders.
  • Vibrant Gradients: A captivating linear-gradient background sets the mood.
  • Interactive Buttons: Buttons respond with delightful hover and active states, complete with subtle light effects.
  • Custom Scrollbar: Even the scrollbar is styled to match the aesthetic!
  • Responsive Layout: The calculator adjusts gracefully to various screen sizes, ensuring a consistent experience on any device.

πŸ› οΈ Technologies Under the Hood

  • HTML5: For the semantic structure of the calculator and its components.
  • CSS3: Powering the stunning visual design, animations, and responsiveness.
  • JavaScript (ES6+): Bringing all the interactive functionality to life, from basic operations to complex scientific calculations and the background animation.

πŸš€ Getting Started

To experience the Modern Calculator, simply open the index.html file in your web browser. No installation or complex setup required!

πŸ’‘ How to Use

  1. Standard Operations: Click the number buttons and operation symbols (+, -, Γ—, Γ·) to perform calculations.
  2. Clear/Delete: Use AC to clear all input and DEL to remove the last digit.
  3. Scientific Mode: Toggle the switch in the header to reveal and utilize the scientific functions.
  4. Keyboard Input: Use your keyboard's number pad and operation keys for quick input.

🀝 Contributing

Feel free to fork this repository, suggest improvements, or add new features! Your contributions are always welcome.

πŸ“„ License

This project is open-source and available under the MIT License.


Unleash your inner mathematician with the Modern Calculator – where functionality meets futuristic design!

About

This a basic calculator with the modern clean UI also having features of scientific calculator made in HTML, CSS and Javascript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published