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!
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.
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).
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)dxdrifting across your screen. - Responsive Design: The animation adapts seamlessly to different screen sizes.
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-gradientbackground 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.
- 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.
To experience the Modern Calculator, simply open the index.html file in your web browser. No installation or complex setup required!
- Standard Operations: Click the number buttons and operation symbols (
+,-,Γ,Γ·) to perform calculations. - Clear/Delete: Use
ACto clear all input andDELto remove the last digit. - Scientific Mode: Toggle the switch in the header to reveal and utilize the scientific functions.
- Keyboard Input: Use your keyboard's number pad and operation keys for quick input.
Feel free to fork this repository, suggest improvements, or add new features! Your contributions are always welcome.
This project is open-source and available under the MIT License.
Unleash your inner mathematician with the Modern Calculator β where functionality meets futuristic design!