Hugging Face's logo

Spaces:
GarGerry
/
Testinghh
Running

App Files Community
GarGerry commited on
Commit
370e401
·
verified ·
1 Parent(s): 288ea3b

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +32 -31
index.html CHANGED
@@ -4,15 +4,17 @@
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Currency Converter</title>
7
- <link rel="stylesheet" href="style.css">
 
8
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
 
9
  </head>
10
  <body>
11
  <div class="container">
12
  <header>
13
  <h1>Currency Converter</h1>
14
  </header>
15
-
16
  <form id="currencyForm">
17
  <!-- Amount Input -->
18
  <div class="form-group">
@@ -23,44 +25,40 @@
23
  <!-- From Currency -->
24
  <div class="form-group">
25
  <label for="fromCurrency">From</label>
26
- <div class="input-group">
27
- <select id="fromCurrency" required>
28
- <option value="USD" selected>USD - US Dollar</option>
29
- <option value="EUR">EUR - Euro</option>
30
- <option value="GBP">GBP - British Pound</option>
31
- <option value="IDR">IDR - Indonesian Rupiah</option>
32
- <option value="JPY">JPY - Japanese Yen</option>
33
- <option value="BRL">BRL - Brazilian Real</option>
34
- <option value="KRW">KRW - South Korean Won</option>
35
- <option value="AUD">AUD - Australian Dollar</option>
36
- <option value="CAD">CAD - Canadian Dollar</option>
37
- </select>
38
- </div>
39
  </div>
40
 
41
  <!-- Swap Button -->
42
  <div class="swap-group">
43
  <button type="button" id="swapButton" aria-label="Swap Currencies">
44
- <i class="fas fa-arrows-alt-v"></i>
45
  </button>
46
  </div>
47
 
48
  <!-- To Currency -->
49
  <div class="form-group">
50
  <label for="toCurrency">To</label>
51
- <div class="input-group">
52
- <select id="toCurrency" required>
53
- <option value="USD">USD - US Dollar</option>
54
- <option value="EUR">EUR - Euro</option>
55
- <option value="GBP">GBP - British Pound</option>
56
- <option value="IDR" selected>IDR - Indonesian Rupiah</option>
57
- <option value="JPY">JPY - Japanese Yen</option>
58
- <option value="BRL">BRL - Brazilian Real</option>
59
- <option value="KRW">KRW - South Korean Won</option>
60
- <option value="AUD">AUD - Australian Dollar</option>
61
- <option value="CAD">CAD - Canadian Dollar</option>
62
- </select>
63
- </div>
64
  </div>
65
 
66
  <!-- Result -->
@@ -71,12 +69,15 @@
71
  <!-- Convert Button -->
72
  <button type="button" id="convertButton" class="convert-button">Convert</button>
73
  </form>
74
-
75
  <footer>
76
- <p>&copy; Copyright 2025 Teggar Eka M.S. All Rights Reserved </p>
77
  </footer>
78
  </div>
79
 
 
 
 
80
  <script src="script.js"></script>
81
  </body>
82
  </html>
 
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Currency Converter</title>
7
+ <!-- Link CSS -->
8
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0/css/select2.min.css" rel="stylesheet">
9
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
10
+ <link rel="stylesheet" href="style.css">
11
  </head>
12
  <body>
13
  <div class="container">
14
  <header>
15
  <h1>Currency Converter</h1>
16
  </header>
17
+
18
  <form id="currencyForm">
19
  <!-- Amount Input -->
20
  <div class="form-group">
 
25
  <!-- From Currency -->
26
  <div class="form-group">
27
  <label for="fromCurrency">From</label>
28
+ <select id="fromCurrency" required>
29
+ <option value="USD" selected>USD - US Dollar</option>
30
+ <option value="EUR">EUR - Euro</option>
31
+ <option value="GBP">GBP - British Pound</option>
32
+ <option value="IDR">IDR - Indonesian Rupiah</option>
33
+ <option value="JPY">JPY - Japanese Yen</option>
34
+ <option value="BRL">BRL - Brazilian Real</option>
35
+ <option value="KRW">KRW - South Korean Won</option>
36
+ <option value="AUD">AUD - Australian Dollar</option>
37
+ <option value="CAD">CAD - Canadian Dollar</option>
38
+ </select>
 
 
39
  </div>
40
 
41
  <!-- Swap Button -->
42
  <div class="swap-group">
43
  <button type="button" id="swapButton" aria-label="Swap Currencies">
44
+ <i class="fas fa-exchange-alt"></i>
45
  </button>
46
  </div>
47
 
48
  <!-- To Currency -->
49
  <div class="form-group">
50
  <label for="toCurrency">To</label>
51
+ <select id="toCurrency" required>
52
+ <option value="USD">USD - US Dollar</option>
53
+ <option value="EUR">EUR - Euro</option>
54
+ <option value="GBP">GBP - British Pound</option>
55
+ <option value="IDR" selected>IDR - Indonesian Rupiah</option>
56
+ <option value="JPY">JPY - Japanese Yen</option>
57
+ <option value="BRL">BRL - Brazilian Real</option>
58
+ <option value="KRW">KRW - South Korean Won</option>
59
+ <option value="AUD">AUD - Australian Dollar</option>
60
+ <option value="CAD">CAD - Canadian Dollar</option>
61
+ </select>
 
 
62
  </div>
63
 
64
  <!-- Result -->
 
69
  <!-- Convert Button -->
70
  <button type="button" id="convertButton" class="convert-button">Convert</button>
71
  </form>
72
+
73
  <footer>
74
+ <p>&copy; 2025 Teggar Eka M.S. All Rights Reserved.</p>
75
  </footer>
76
  </div>
77
 
78
+ <!-- Link JS -->
79
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
80
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0/js/select2.min.js"></script>
81
  <script src="script.js"></script>
82
  </body>
83
  </html>