Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverter5
Running

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

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +17 -9
index.html CHANGED
@@ -5,17 +5,18 @@
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
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
9
  </head>
10
  <body>
11
- <header>
12
- <h2>Unlock the World of Currency with Confidence</h2> <!-- Kata profesional -->
13
- </header>
14
-
15
  <div class="container">
16
- <h1>Currency Converter</h1> <!-- Dipindahkan ke dalam body -->
 
 
 
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,14 +42,21 @@
41
  <option value="CAD">CAD - Canadian Dollar</option>
42
  </select>
43
  </div>
 
44
  <button type="submit">Convert</button>
45
  </form>
 
 
 
 
 
 
 
 
 
 
46
  </div>
47
 
48
- <footer>
49
- <p>© 2025 Teggar Eka Mustaqim Sitanggang</p>
50
- </footer>
51
-
52
  <script src="script.js"></script>
53
  </body>
54
  </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>
 
 
 
 
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
  <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>