currency-generator/index.html at main · darsana-dev/currency-generator · 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
<!DOCTYPE html>
<html lang="english">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>CURRENCY CONVERTER</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    </head>
    <body>
         <div class="container">
        <div>
            <h1>CURRENCY CONVERTER</h1>
        </div>
        <form>
            <div class="amount">
                <p>ENTER AMOUNT</p>
                <input type="text" value="1" class="amount-input">
            </div>
        </form>
        <div class="from">
              <img src="https://flagsapi.com/US/flat/64.png" alt="From country flag" />

            <p >FROM</p>
            <select class="select" name="from">
                <option>USD</option>
                <option>INR</option>
                <option>EUR</option>
                <option>GBP</option>
                <option>AUD</option>
                <option>CAD</option>
                <option>SGD</option>
                <option>JPY</option>
                <option>CNY</option>
            </select>
           </div>
            <i class="fa-solid fa-arrow-right-arrow-left"></i>
        <div class="to">
             <img src="https://flagsapi.com/IN/flat/64.png" alt="To country flag" />
             <i class="fa-solid fa-arrow-right-arrow-left"></i>
            <p>TO</p>
            <select class="select" name="to">
                <option>INR</option>
                <option>USD</option>
                <option>EUR</option>
                <option>GBP</option>
                <option>AUD</option>
                <option>CAD</option>
                <option>SGD</option>
                <option>JPY</option>
                <option>CNY</option>
            </select>
            <div class="msg">
                <p>Converted Amount: </p>
                <p id="result">00</p>
            </div>
            <button >GET EXCHANGE RATE</button>
            </div>

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