Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverter5
Running

App Files Community
GarGerry commited on
Commit
7a4d537
·
verified ·
1 Parent(s): 3ab7929

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +52 -54
index.html CHANGED
@@ -1,62 +1,60 @@
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
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
- <!-- FontAwesome CDN untuk ikon -->
9
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
10
  </head>
11
  <body>
12
- <div class="container">
13
- <header>
14
- <h1>Currency Converter</h1>
15
- </header>
16
-
17
- <form id="currencyForm">
18
- <input type="number" id="amount" placeholder="Enter amount" required>
19
-
20
- <div class="currency-selectors">
21
- <select id="fromCurrency" required>
22
- <option value="USD">USD - US Dollar</option>
23
- <option value="EUR">EUR - Euro</option>
24
- <option value="GBP">GBP - British Pound</option>
25
- <option value="IDR">IDR - Indonesian Rupiah</option>
26
- <option value="JPY">JPY - Japanese Yen</option>
27
- <option value="BRL">BRL - Brazilian Real</option>
28
- <option value="KRW">KRW - South Korean Won</option>
29
- <option value="AUD">AUD - Australian Dollar</option>
30
- <option value="CAD">CAD - Canadian Dollar</option>
31
- </select>
32
- <span>to</span>
33
- <select id="toCurrency" required>
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="IDR">IDR - Indonesian Rupiah</option>
38
- <option value="JPY">JPY - Japanese Yen</option>
39
- <option value="BRL">BRL - Brazilian Real</option>
40
- <option value="KRW">KRW - South Korean Won</option>
41
- <option value="AUD">AUD - Australian Dollar</option>
42
- <option value="CAD">CAD - Canadian Dollar</option>
43
- </select>
44
- </div>
45
-
46
- <button type="submit">Convert</button>
47
- </form>
48
-
49
- <div id="result">
50
- <i id="fromCurrencyIcon" class="fas"></i>
51
- <span id="conversionResult"></span>
52
- <i id="toCurrencyIcon" class="fas"></i>
 
 
 
 
 
53
  </div>
54
-
55
- <footer>
56
- <p>&copy; 2025 Teggar Eka Mustaqim Sitanggang. All Rights Reserved.</p>
57
- </footer>
58
- </div>
59
 
60
- <script src="script.js"></script>
61
  </body>
62
- </html>
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
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
  </head>
9
  <body>
10
+ <div class="container">
11
+ <header>
12
+ <div class="logo">
13
+ <img src="logo.png" alt="Logo">
14
+ </div>
15
+ <h1>Currency Converter</h1>
16
+ <p>Check Live Foreign Currency Exchange Rate</p>
17
+ </header>
18
+
19
+ <div class="content">
20
+ <div class="converter">
21
+ <div class="currency-labels">
22
+ <label for="amount">Amount</label>
23
+ <input type="number" id="amount" placeholder="Enter amount">
24
+ </div>
25
+
26
+ <div class="currency-labels">
27
+ <label for="from-currency">From</label>
28
+ <select id="from-currency">
29
+ <option value="USD">USD</option>
30
+ <option value="EUR">EUR</option>
31
+ <option value="GBP">GBP</option>
32
+ </select>
33
+ </div>
34
+
35
+ <button id="swap-btn" onclick="swapCurrencies()">↕</button>
36
+
37
+ <div class="currency-labels">
38
+ <label for="to-currency">To</label>
39
+ <select id="to-currency">
40
+ <option value="EUR">EUR</option>
41
+ <option value="USD">USD</option>
42
+ <option value="GBP">GBP</option>
43
+ </select>
44
+ </div>
45
+
46
+ <button id="convert-btn" onclick="convertCurrency()">Convert</button>
47
+ <p id="result"></p>
48
+ </div>
49
+ </div>
50
+
51
+ <footer>
52
+ <p><strong>About:</strong> Currency Converter App</p>
53
+ <p><strong>Follow us:</strong> <a href="#">Facebook</a> | <a href="#">Twitter</a></p>
54
+ <p>&copy; 2025 Currency Converter App. All rights reserved.</p>
55
+ </footer>
56
  </div>
 
 
 
 
 
57
 
58
+ <script src="script.js"></script>
59
  </body>
60
+ </html>