basicCalculator/index.html at main · Ali5723/basicCalculator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Primary Meta Tags -->
        <title>Basic Calculator</title>
        <meta name="title" content="Basic Calculator"></meta>
        <meta name="description" content="A simple and intuitive basic calculator web application. Perform basic arithmetic operations with ease using this user-friendly interface."></meta>
        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website"></meta>
        <meta property="og:url" content="https://ali5723.github.io/basicCalculator/"></meta>
        <meta property="og:title" content="Basic Calculator"></meta>
        <meta property="og:description" content="A simple and intuitive basic calculator web application. Perform basic arithmetic operations with ease using this user-friendly interface."></meta>
        <meta property="og:image" content="https://ali5723.github.io/basicCalculator/image.jpeg"></meta>
        <!-- Twitter -->
        <meta name="twitter:card" content="summary_large_image"></meta>
        <meta name="twitter:url" content="https://ali5723.github.io/basicCalculator/"></meta>
        <meta name="twitter:title" content="Basic Calculator"></meta>
        <meta name="twitter:description" content="A simple and intuitive basic calculator web application. Perform basic arithmetic operations with ease using this user-friendly interface."></meta>
        <meta name="twitter:image" content="https://ali5723.github.io/basicCalculator/image.jpeg"></meta>
        <!-- Optional Meta Tags -->
        <meta name="keywords" content="calculator, basic calculator, arithmetic operations, online calculator, simple calculator, web calculator, math calculator"></meta>
        <meta name="robots" content="index, follow"></meta>
        <meta name="content-type" content="text/html; charset=utf-8"></meta>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
        <meta name="author" content="Ali Amen"></meta>
        <!-- Meta Tags Generated with https://ali5723.github.io/metaGenerator/ -->
        <link rel="stylesheet" href="./style.css">
    </head>
    <body>
        <div class="container">
            <div class="screenContainer">
                <textarea class="screen" disabled></textarea>
            </div>
            <div class="buttonsContainer">
                <button class="(">(</button>
                <button class=")">)</button>
                <button class="back">Del</button>
                <button class="clear">C</button>
                <button class="number1">1</button>
                <button class="number2">2</button>
                <button class="number3">3</button>
                <button class="sum">+</button>
                <button class="number4">4</button>
                <button class="number5">5</button>
                <button class="number6">6</button>
                <button class="sub">-</button>
                <button class="number7">7</button>
                <button class="number8">8</button>
                <button class="number9">9</button>
                <button class="mul">*</button>
                <button class="dot">.</button>
                <button class="number0">0</button>
                <button class="div">/</button>
                <button class="equal">=</button>
            </div>
        </div>
        <script src="./script.js"></script>
    </body>
</html>