Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gz30eee/scientific-calculator

A simple, responsive scientific calculator built with HTML, CSS, and JavaScript. It supports basic arithmetic, trigonometric functions, and advanced operations with a clean, user-friendly interface.
https://github.com/gz30eee/scientific-calculator

calculator fronted-development html-css-javascript javascript-app responsive-design scientific-calculator web-aapp

Last synced: 2 days ago
JSON representation

A simple, responsive scientific calculator built with HTML, CSS, and JavaScript. It supports basic arithmetic, trigonometric functions, and advanced operations with a clean, user-friendly interface.

Awesome Lists containing this project

README 

        
![image](https://github.com/user-attachments/assets/9b091564-c793-4dcd-9350-6c18e849af2b)



# HTML Scientific Calculator



A simple and clean scientific calculator implemented using HTML, CSS, and JavaScript. It is fully responsive and provides a variety of mathematical operations and functions, including basic arithmetic, complex operations, trigonometric functions, and more. The layout is designed to work well on both desktop and mobile devices.



## Features



- **Basic Operations**: Addition, subtraction, multiplication, and division.

- **Complex Functions**: Logarithmic functions, square roots, trigonometric operations (sin, cos, tan).

- **Advanced Functions**: Factorial, power, pi, and more.

- **Responsive Layout**: Adjusts to different screen sizes (including mobile devices).

- **User-friendly Interface**: Simple, clean, and easy-to-use design.



## Installation



To use this calculator, simply clone or download the repository and open the `index.html` file in a browser.



### Steps:

1. Clone or download the repository:

   ```bash

   git clone https://github.com/GZ30eee/scientific-calculator.git

   ```

2. Open the `index.html` file in your web browser.



No server or additional setup is required.



## Usage



1. **Basic Calculation**: Use the number buttons (0-9) to input numbers, and use the operation buttons (+, -, *, /) to perform calculations.

2. **Advanced Operations**: Use functions like `ln` (logarithm), `√` (square root), and `x^2` (square) for more advanced calculations.

3. **Trigonometric Functions**: Use `sin`, `cos`, and `tan` to perform trigonometric calculations.

4. **Memory Functions**: The `C` button clears the screen.



### Example:

- To calculate `3 + 5`, click the buttons `3`, `+`, and `5`, and then click `=`.

- For `sin(30)`, click `sin`, then `3`, `0`, and click `=`.

- To calculate square root of 25, click `√`, then `2`, `5`, and click `=`.



## Styling



The calculator has been styled using custom CSS. It uses a clean and minimalistic design with rounded corners, padding, and subtle hover effects.



### Media Query Support:

The layout is fully responsive, meaning it adapts to various screen sizes (desktop, tablets, and mobile devices). The calculator input and buttons are sized appropriately for different devices.



### Customization:

You can easily customize the look and feel of the calculator by modifying the CSS styles in the `style.css` file.



## Technologies Used



- **HTML**: Structure of the calculator.

- **CSS**: Styling of the calculator layout.

- **JavaScript**: Functionality for calculator operations.

- **Bootstrap**: Used for responsive grid layout (optional, if needed for mobile support).



## License



This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.



## Contributing



Feel free to fork the repository and submit pull requests. If you find any bugs or want to suggest new features, please open an issue in the GitHub repository.