JavaScript_Tutorial/calculator.php at master · lilstex/JavaScript_Tutorial · 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
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style>
        #hour{
            margin: 40px;
            border: 20px;
            padding: 0px;
            width: auto;
            height: 90px;
            text-align: center;

        }
    </style>
</head>

<body>
    <h1 id='head'><center>JAVASCRIPT CALCULATOR APP</center> </h1><br><br>
    <div id="hour">
        <div id="time"></div>
    </div>
    <div id="resultDiv"></div>

        <input type="text"  id="num1" placeholder="input firstnumber">
        <select name="" id="operator">
                <option value="+">+</option>
                <option value="-">-</option>
                <option value="/">/</option>
                <option value="*">*</option>
                <option value="%">%</option>
            </select>

        <input type="text" id="num2" placeholder="Input secondnumber">

        <button id="button">Calculate</button>
        <button id="zoomup">Zoom(+)</button>
        <button id="zoomdown">Zoom(-)</button>
        <button id="reset">Reset</button>


        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3971.395451649779!2d7.039879014420108!3d5.508165135661283!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x104259c93f71cf8b%3A0x5ffa7978fe1a6aa6!2sImo+State+University%2C+Owerri.!5e0!3m2!1sen!2sng!4v1560124456473!5m2!1sen!2sng" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>


        <script type="text/javascript" src="script.js"></script>

        <!-- <script>
            function emit(){
                alert('Hello World Rexsteroxy has started');
                console.log('Rex is greeting the console as weel');
            }
        </script> -->
</body>
</html>