Hugging Face's logo

Spaces:
GarGerry
/
Testinghh
Running

App Files Community
GarGerry commited on
Commit
7ae1eb2
·
verified ·
1 Parent(s): 77ebda8

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +24 -55
index.html CHANGED
@@ -12,71 +12,40 @@
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>
 
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>