Hugging Face's logo

Spaces:
GarGerry
/
Testinghh
Running

App Files Community
GarGerry commited on
Commit
ace5181
·
verified ·
1 Parent(s): 2a60bf4

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +55 -24
index.html CHANGED
@@ -12,40 +12,71 @@
12
  <header>
13
  <h1>Currency Converter</h1>
14
  </header>
15
-
16
  <form id="currencyForm">
17
- <label for="amount">Amount</label>
18
- <input type="number" id="amount" placeholder="Enter amount" required>
19
-
20
- <label for="fromCurrency">From</label>
21
- <select id="fromCurrency" required>
22
- <option value="USD" selected>USD - US Dollar</option>
23
- <option value="IDR">IDR - Indonesian Rupiah</option>
24
- <option value="EUR">EUR - Euro</option>
25
- <option value="GBP">GBP - British Pound</option>
26
- <option value="JPY">JPY - Japanese Yen</option>
27
- </select>
28
 
29
- <button type="button" id="swapButton"><i class="fas fa-exchange-alt"></i> Swap</button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
30
 
31
- <label for="toCurrency">To</label>
32
- <select id="toCurrency" required>
33
- <option value="IDR" selected>IDR - Indonesian Rupiah</option>
34
- <option value="USD">USD - US Dollar</option>
35
- <option value="EUR">EUR - Euro</option>
36
- <option value="GBP">GBP - British Pound</option>
37
- <option value="JPY">JPY - Japanese Yen</option>
38
- </select>
39
- </form>
40
 
41
- <button id="convertButton">Convert</button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
42
 
43
- <div id="result"></div>
 
 
 
44
 
 
 
 
 
45
  <footer>
46
  <p>&copy; 2025 Teggar Eka Mustaqim Sitanggang. All Rights Reserved.</p>
47
  </footer>
48
  </div>
 
49
  <script src="script.js"></script>
50
  </body>
51
  </html>
 
12
  <header>
13
  <h1>Currency Converter</h1>
14
  </header>
15
+
16
  <form id="currencyForm">
17
+ <!-- Amount Input -->
18
+ <div class="form-group">
19
+ <label for="amount">Amount</label>
20
+ <input type="number" id="amount" placeholder="Enter amount" value="10.00" required>
21
+ </div>
 
 
 
 
 
 
22
 
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 -->
67
+ <div id="result" class="result-box">
68
+ Result will appear here
69
+ </div>
70
 
71
+ <!-- Convert Button -->
72
+ <button type="submit" class="convert-button">Convert</button>
73
+ </form>
74
+
75
  <footer>
76
  <p>&copy; 2025 Teggar Eka Mustaqim Sitanggang. All Rights Reserved.</p>
77
  </footer>
78
  </div>
79
+
80
  <script src="script.js"></script>
81
  </body>
82
  </html>