/Calculator-App

A simple Calculator

Primary LanguageHTML

Calculator App

This is a simple calculator web application implemented in HTML, CSS, and JavaScript. It allows users to perform basic arithmetic operations.

Features

  • Addition, subtraction, multiplication, and division operations.
  • AC (All Clear) button to clear the input.
  • DEL (Delete) button to remove the last entered character.
  • '%' button to calculate percentages.
  • '=' button to calculate and display the result.

Usage

  1. Open index.html in a web browser.
  2. Enter numbers and perform operations using the provided buttons.
  3. Press the '=' button to see the result.
  4. Use 'AC' to clear the input, 'DEL' to delete the last character, and '%' for percentage calculations.

HTML Structure

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Calculator App</title>
</head>
<body>
    <div class="calculator">
        <!-- Calculator buttons and input field -->
    </div>

    <script src="script.js"></script>
</body>
</html>

This is a basic calculator implemented in JavaScript, HTML, and CSS. It allows users to perform simple arithmetic operations.

## Features

- Addition, subtraction, multiplication, and division operations.
- AC (All Clear) button to clear the input.
- DEL (Delete) button to remove the last entered character.
- '=' button to calculate and display the result.

## How to Use

1. Open `index.html` in a web browser.
2. Enter numbers and perform operations using the provided buttons.
3. Press the '=' button to see the result.
4. Use 'AC' to clear the input and 'DEL' to delete the last character.

## Usage Example

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>JavaScript Calculator</title>
</head>
<body>
    <input type="text" id="inputBox" readonly>
    <div>
        <button>1</button>
        <button>2</button>
        <button>3</button>
        <button>+</button>
    </div>

    <script src="script.js"></script>
</body>
</html>