All-Calc/power.html at main · Shantanu-Meta/All-Calc · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="./CSS/power.css">
    <link rel="stylesheet" type="text/css" href="result.css">
    <link rel="stylesheet" href="theme.css">
    <link rel="icon" href="Image/Favicon.png">
    <title>power</title>
</head>
<body>

    <div class="calculator-name-header">
        <span>Power calculator</span>
        <!-- Updated by @Shantanu-Meta -->
      </div>
    <form class="form-horizontal" id="power">
        <label for="base">Enter the base:</label>
        <input type="number" name="base" id="base" placeholder="Base here"><br/><br/>
        <label for="index">Enter the index:</label>
        <input type="number" name="index" id="index" placeholder="Index here"><br/><br/>


        <button type="button" onclick="calculatePower()"  class="button">Submit</button><br/><br/><br/>
        <div class="outterbox">
            <div class="box"><span id="resultPower"></span></div>
        </div>
        <!-- <span id="resultPower"></span> -->
    </form>
    <a href="/home.html"><i id="home" class="fa fa-home" aria-hidden="true" style="font-size: 35px; text-decoration: none; color: aliceblue; text-align: end; "></i></a>
    <script src="./Javascript/Bitwise.js"></script>


    <script src="./Javascript/power.js"></script>
    <script type="text/javascript">
        document.getElementById("power").addEventListener("submit",(e)=>{
            e.preventDefault()
            calculatePower()
        })
        document.body.addEventListener("keyup",(e)=>{
                if(e.keyCode==13){
                    calculatePower()
                }
            })
    </script>
    <script src="theme.js"></script>
</body>
</html>