Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/withfabian/calculator

Simple Calculator For HTML And CSS
https://github.com/withfabian/calculator

calculator css html javascript simple-calculator

Last synced: 6 days ago
JSON representation

Simple Calculator For HTML And CSS

Awesome Lists containing this project

README

        

# Simple Calculator

![Preview](https://raw.githubusercontent.com/withfabian/calculator/refs/heads/main/preview.png)

This project is a simple web-based calculator built using HTML, CSS, and JavaScript. The calculator supports basic mathematical operations like addition, subtraction, multiplication, and division, and features a clean, modern, and responsive design.

## Features

- **Basic Operations**: Supports addition, subtraction, multiplication, and division.
- **Simple and Neat Design**: With a responsive layout and high-contrast color scheme.
- **Clear Button**: Easily clear all input.
- **Copyright Footer**: Displays copyright information at the bottom.

## Preview

Screenshot of the calculator:

![Preview](https://raw.githubusercontent.com/withfabian/calculator/refs/heads/main/preview.png)

## Usage

1. **Clone this repository** to your computer:
```bash
git clone https://github.com/withfabian/calculator.git
```

2. **Open the `index.html` file** in a web browser to run the calculator.

## Project Structure

- `index.html`: The HTML structure for the calculator.
- `style.css`: The CSS file for styling the calculator.
- `script.js`: The JavaScript file for calculator functionality.

## Technologies Used

- **HTML**
- **CSS**
- **JavaScript**

## Copyright

© 2024 Fabian Permadi