SMSH Logo

Calculator

Developed by S. M. Shuzatul Hoque

Originally built in October 2023

project image
Category:
Technologies:

🧮 Calculator — Simple & Functional Web Calculator

A lightweight Calculator web application built using HTML, CSS, and JavaScript.
This project focuses on implementing accurate arithmetic logic, clean UI interactions, and a responsive layout without relying on any external libraries or frameworks.

Developed as a practice project to strengthen core JavaScript concepts and DOM-based state management.

✨ Features

  • Basic arithmetic operations (addition, subtraction, multiplication, division)
  • Clear and responsive button layout
  • Real-time input and result display
  • Reset / clear functionality
  • Browser-native performance

🛠 Tech Stack

  • HTML — semantic structure and layout
  • CSS — styling, layout, and responsiveness
  • JavaScript — calculation logic and user interaction

📌 What I Learned

  • Handling user input and edge cases
  • Managing calculation state in JavaScript
  • Preventing invalid operations (e.g., division by zero)
  • Structuring UI logic with clean, readable code

▶️ How to Run the Project

This project does not require any dependencies or build tools.

  1. Visit the source code repository on GitHub
  2. Clone or download the repository
  3. Open the "index.html" file in any modern web browser

The calculator runs entirely on the client side.

🕒 Timeline

  • October 2023 — Developed using HTML, CSS, and JavaScript

🎯 Purpose

This project was created to:

  • Practice JavaScript logic without frameworks
  • Practice UI and interaction handling
  • Build confidence in developing functional web tools from scratch

A practical project that demonstrates the power of solid JavaScript fundamentals.