Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverterBaru
Running

App Files Community
1
GarGerry commited on
Commit
d654b6e
·
verified ·
1 Parent(s): 88848a2

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +13 -12
index.html CHANGED
@@ -5,7 +5,7 @@
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
- <!-- Tambahkan FontAwesome CDN -->
9
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
10
  </head>
11
  <body>
@@ -13,9 +13,10 @@
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
  <div class="currency-selectors">
20
  <select id="fromCurrency" required>
21
  <option value="USD">USD - US Dollar</option>
@@ -41,21 +42,21 @@
41
  <option value="CAD">CAD - Canadian Dollar</option>
42
  </select>
43
  </div>
 
44
  <button type="submit">Convert</button>
45
  </form>
46
-
47
- <!-- Menambahkan tempat untuk ikon mata uang dan hasil konversi -->
48
  <div id="result">
49
- <i id="fromCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang asal -->
50
- <span id="conversionResult"></span> <!-- Hasil konversi -->
51
- <i id="toCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang tujuan -->
52
  </div>
 
 
 
 
53
  </div>
54
-
55
- <footer>
56
- <p>&copy; 2025 Teggar Eka Mustaqim Sitanggang. All rights reserved.</p>
57
- </footer>
58
-
59
  <script src="script.js"></script>
60
  </body>
61
  </html>
 
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>
 
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>
 
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>