File size: 2,539 Bytes
9ff76f0 d0d4dd4 6b83b12 9ff76f0 271f097 6c01bbb b552039 d56f01c b552039 d56f01c b552039 6c01bbb 271f097 d0d4dd4 6b83b12 796e91d 271f097 9ff76f0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Currency Converter</title>
<link rel="stylesheet" href="style.css">
<!-- Tambahkan FontAwesome CDN -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<!-- Header dengan animasi -->
<header>
<h1 id="header-text">Seamless Currency Exchange at Your Fingertips</h1>
</header>
<!-- Formulir untuk konversi mata uang -->
<form id="currencyForm">
<input type="number" id="amount" placeholder="Enter amount" required>
<div class="currency-selectors">
<select id="fromCurrency" required>
<option value="USD">USD - US Dollar</option>
<option value="EUR">EUR - Euro</option>
<option value="GBP">GBP - British Pound</option>
<option value="IDR">IDR - Indonesian Rupiah</option>
<option value="JPY">JPY - Japanese Yen</option>
<option value="BRL">BRL - Brazilian Real</option>
<option value="KRW">KRW - South Korean Won</option>
<option value="AUD">AUD - Australian Dollar</option>
<option value="CAD">CAD - Canadian Dollar</option>
</select>
<span>to</span>
<select id="toCurrency" required>
<option value="USD">USD - US Dollar</option>
<option value="EUR">EUR - Euro</option>
<option value="GBP">GBP - British Pound</option>
<option value="IDR">IDR - Indonesian Rupiah</option>
<option value="JPY">JPY - Japanese Yen</option>
<option value="BRL">BRL - Brazilian Real</option>
<option value="KRW">KRW - South Korean Won</option>
<option value="AUD">AUD - Australian Dollar</option>
<option value="CAD">CAD - Canadian Dollar</option>
</select>
</div>
<button type="submit">Convert</button>
</form>
<!-- Menambahkan tempat untuk ikon mata uang dan hasil konversi -->
<div id="result">
<i id="fromCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang asal -->
<span id="conversionResult"></span> <!-- Hasil konversi -->
<i id="toCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang tujuan -->
</div>
<!-- Footer dengan copyright -->
<footer>
<p>© 2025 Powered by Teggar Eka Mustaqim Sitanggang</p>
</footer>
</div>
<script src="script.js"></script>
</body>
</html> |