Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverter5
Running

App Files Community
GarGerry commited on
Commit
c3b15d4
·
verified ·
1 Parent(s): f9a6b06

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +12 -13
index.html CHANGED
@@ -5,19 +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
- <!-- 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
- <!-- Header dengan animasi -->
14
  <header>
15
- <h1 id="header-text">Seamless Currency Exchange at Your Fingertips</h1>
16
  </header>
17
-
18
- <!-- Formulir untuk konversi mata uang -->
19
  <form id="currencyForm">
20
  <input type="number" id="amount" placeholder="Enter amount" required>
 
21
  <div class="currency-selectors">
22
  <select id="fromCurrency" required>
23
  <option value="USD">USD - US Dollar</option>
@@ -43,21 +42,21 @@
43
  <option value="CAD">CAD - Canadian Dollar</option>
44
  </select>
45
  </div>
 
46
  <button type="submit">Convert</button>
47
  </form>
48
-
49
- <!-- Menambahkan tempat untuk ikon mata uang dan hasil konversi -->
50
  <div id="result">
51
- <i id="fromCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang asal -->
52
- <span id="conversionResult"></span> <!-- Hasil konversi -->
53
- <i id="toCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang tujuan -->
54
  </div>
55
-
56
- <!-- Footer dengan copyright -->
57
  <footer>
58
- <p>© 2025 Powered by Teggar Eka Mustaqim Sitanggang</p>
59
  </footer>
60
  </div>
 
61
  <script src="script.js"></script>
62
  </body>
63
  </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>