CalculatorWeb 🧮

A clean, responsive web-based calculator built with vanilla JavaScript, HTML, and CSS. This project demonstrates fundamental front-end development skills including DOM manipulation, event handling, and responsive design.

• Basic Arithmetic Operations: Addition, subtraction, multiplication, division
• Clean UI Design: Modern, minimalist interface with smooth interactions
• Responsive Layout: Works seamlessly on desktop, tablet, and mobile devices
• Keyboard Support: Use keyboard for quick calculations
• Error Handling: Graceful handling of invalid operations
• Clear Function: Reset calculator with a single click

• HTML5: Semantic markup structure
• CSS3: Modern styling with flexbox/grid layout
• JavaScript (ES6): Pure vanilla JS with no frameworks

# Clone the repository
git clone https://github.com/NeoCoder7/CalculatorWeb.git

# Navigate to project directory
cd CalculatorWeb

# Open in browser
# Simply open index.html in your web browser
# Or use a local server:
python -m http.server 8000
# Then visit http://localhost:8000

CalculatorWeb/
│
├── index.html          # Main HTML file
├── styles.css          # CSS stylesheet
├── calc.html          # Calculator page
├── index.js           # JavaScript logic
└── README.md          # Project documentation

1. Click buttons to input numbers and operators
2. Use keyboard for faster input:
   • Numbers: 0-9
   • Operators: +, -, *, /
   • Enter: = or Enter
   • Clear: C or Escape
3. View result displayed on the calculator screen
4. Chain operations for complex calculations

• Modern color scheme
• Hover effects for better UX
• Button press animations
• Responsive grid layout
• Accessibility-friendly

• DOM manipulation and element selection
• Event listeners and event delegation
• String parsing and mathematical operations
• Responsive CSS design principles
• Code organization and clean architecture

• Scientific calculator mode
• Calculation history
• Theme switcher (dark/light mode)
• Memory functions (M+, M-, MR, MC)
• Percentage calculations
• Advanced functions (square root, exponents)

Screenshot coming soon

Feel free to fork this project and submit pull requests. All contributions are welcome!

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

• Live Demo (Coming Soon)
• Portfolio

Built with ❤️ by Hameem Mohammed