temp-ctr/index.html at main · Mayborg121/temp-ctr · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Temprature Converter</title>
    <link rel="stylesheet" href="main.css">
</head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FGYDSJ6QWY"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-FGYDSJ6QWY');
</script>
<body>

    <form action="">

        <h1>Temperature Converter</h1>
        <br>

        <input type="number" id="textbox" value="0">
        <br>

        <input type="radio" class="radios" id="toFahrenheit" name="conversion">
        <label for="toFahrenheit" id="lbl"> Celsius → Fahrenheit</label>
        <br>

        <p id="hbr"></p>

        <input type="radio" class="radios"  id="toCelsius" name="conversion">
        <label for="toCelsius" id="lbl">Fahrenheit → Celsius</label>
        <br>

        <button type="button" onclick="convert()"> Convert </button>
        <br>

        <div id="output">
            <p id="results">press convert</p>
            <p id="reaction"></p>
        </div>

    </form>

    <footer style="margin-top: auto;">
        <!-- css = (
            html{height: 100%;}
            body{min-height: 98%;
                display: flex;
                flex-direction: column;}
                ) -->
        <hr>
        <div id="footertext" style="background-color: hsl(266, 89%, 86%);
        text-align: center;
        margin: -5px 0 0 0;
        padding-bottom: 3px;
        color: rgb(67, 66, 66);">
        <P id="footercontent" style="margin: 0;
        padding: 0;">
            Made With ❤️ by <a href="https://github.com/Mayborg121" style="text-decoration: none;color: #66053f;font-weight: bold;">MAYBORG</a> <span style="border-left: 2px solid black; height: 7px;"></span> &nbsp;© 2024 <br>

        </P>
        </div>
    </footer>


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

</body>
</html>