https://github.com/sathirasrisathsara/php-calculator-app
A simple web-based calculator built using PHP and HTML
https://github.com/sathirasrisathsara/php-calculator-app
calculator html php web
Last synced: 27 days ago
JSON representation
A simple web-based calculator built using PHP and HTML
- Host: GitHub
- URL: https://github.com/sathirasrisathsara/php-calculator-app
- Owner: SathiraSriSathsara
- Created: 2024-07-07T09:22:04.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-07-07T09:30:38.000Z (almost 2 years ago)
- Last Synced: 2025-03-05T23:21:41.602Z (over 1 year ago)
- Topics: calculator, html, php, web
- Language: PHP
- Homepage:
- Size: 8.79 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PHP Calculator
This project is a simple web-based calculator built using PHP and HTML. It allows users to perform basic arithmetic operations like addition, subtraction, multiplication, and division. This README file will guide you through the structure and usage of the code.
## Table of Contents
1. [Installation](#installation)
2. [Usage](#usage)
3. [File Structure](#file-structure)
4. [Code Overview](#code-overview)
## Installation
1. **Clone the Repository:**
```bash
git clone https://github.com/SathiraSriSathsara/php-calculator-app.git
cd php-calculator-app
```
2. **Ensure you have a local server setup:**
- Install XAMPP, WAMP, or any other local server solution.
- Move the cloned repository to the server's root directory (e.g., `htdocs` for XAMPP).
3. **Start the local server:**
- Open the control panel for your server solution and start the Apache server.
4. **Access the Calculator:**
- Open your web browser and navigate to `http://localhost/php-calculator-app` (assuming the folder is named `php-calculator-app`).
## Usage
1. **Open the Calculator in a Web Browser:**
- Navigate to the URL where the calculator is hosted on your local server.
2. **Perform Calculations:**
- Enter the first number in the "First Number" input field.
- Enter the second number in the "Second Number" input field.
- Click on one of the operation buttons (`+`, `-`, `x`, `/`) to perform the respective operation.
- The result will be displayed on the screen.
- Click on `AC` to clear the result.
- Click on `C` to reset the input fields.
## File Structure
The project directory contains the following files and folders:
```
php-calculator/
│
├── app/
│ └── logic.php
│
├── style/
│ └── style.css
│
└── index.html
```
- **app/logic.php:** Contains the PHP logic for performing arithmetic operations.
- **style/style.css:** Contains the CSS for styling the calculator.
- **index.html:** The main HTML file that renders the calculator interface.
## Code Overview
### index.html
The `index.html` file contains the structure of the calculator interface. It includes the following key sections:
- **Head Section:**
```html
Calculator by Sathira Sri Sathsara
```
- **Form Section:**
```html
'.$result.'';
if(isset($_POST["allClear"])){
$result = '';
echo ''.$result.'';
}
?>
First Number
Second Number
```
### logic.php
The `logic.php` file includes the logic for performing the arithmetic operations based on the user inputs. It reads the inputs, performs the calculations, and stores the result in the `$result` variable, which is then displayed in the `index.html` file.