Update index.html
Browse files- index.html +10 -2
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>
|
|
@@ -40,13 +40,21 @@
|
|
| 40 |
</div>
|
| 41 |
<button type="submit">Convert</button>
|
| 42 |
</form>
|
| 43 |
-
|
|
|
|
| 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 |
<script src="script.js"></script>
|
| 51 |
</body>
|
| 52 |
</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 untuk ikon mata uang -->
|
| 9 |
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
|
| 10 |
</head>
|
| 11 |
<body>
|
|
|
|
| 40 |
</div>
|
| 41 |
<button type="submit">Convert</button>
|
| 42 |
</form>
|
| 43 |
+
|
| 44 |
+
<!-- Tempat untuk ikon mata uang dan hasil konversi -->
|
| 45 |
<div id="result">
|
| 46 |
<i id="fromCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang asal -->
|
| 47 |
<span id="conversionResult"></span> <!-- Hasil konversi -->
|
| 48 |
<i id="toCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang tujuan -->
|
| 49 |
</div>
|
| 50 |
</div>
|
| 51 |
+
|
| 52 |
+
<!-- Footer dengan Copyright -->
|
| 53 |
+
<footer>
|
| 54 |
+
<p>Copyright © 2025 Teggar. All rights reserved.</p>
|
| 55 |
+
</footer>
|
| 56 |
+
|
| 57 |
+
<!-- Link ke file JavaScript -->
|
| 58 |
<script src="script.js"></script>
|
| 59 |
</body>
|
| 60 |
</html>
|