Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverter
Running

App Files Community
GarGerry commited on
Commit
96fd89f
·
verified ·
1 Parent(s): ee21f6e

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +9 -16
index.html CHANGED
@@ -5,18 +5,14 @@
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>
@@ -42,21 +38,18 @@
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>
 
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>
12
  <div class="container">
13
+ <h1>Currency Converter</h1>
 
 
 
14
  <form id="currencyForm">
15
  <input type="number" id="amount" placeholder="Enter amount" required>
 
16
  <div class="currency-selectors">
17
  <select id="fromCurrency" required>
18
  <option value="USD">USD - US Dollar</option>
 
38
  <option value="CAD">CAD - Canadian Dollar</option>
39
  </select>
40
  </div>
 
41
  <button type="submit">Convert</button>
42
  </form>
43
+ <!-- Menambahkan tempat untuk ikon mata uang dan hasil konversi -->
44
  <div id="result">
45
+ <i id="fromCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang asal -->
46
+ <span id="conversionResult"></span> <!-- Hasil konversi -->
47
+ <i id="toCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang tujuan -->
48
  </div>
 
 
 
 
49
  </div>
50
+ <footer>
51
+ <p>&copy; 2025 Teggar Eka Mustaqim Sitanggang. All rights reserved.</p>
52
+ </footer>
53
  <script src="script.js"></script>
54
  </body>
55
  </html>