Spaces:
Running
Running
File size: 2,251 Bytes
9ff76f0 3ab7929 6b83b12 9ff76f0 3ab7929 6c01bbb 3ab7929 b552039 d56f01c b552039 d56f01c b552039 3ab7929 6c01bbb 3ab7929 271f097 d654b6e 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 |
<!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">
<!-- FontAwesome CDN untuk ikon -->
<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>
<h1>Currency Converter</h1>
</header>
<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>
<div id="result">
<i id="fromCurrencyIcon" class="fas"></i>
<span id="conversionResult"></span>
<i id="toCurrencyIcon" class="fas"></i>
</div>
<footer>
<p>© 2025 Teggar Eka Mustaqim Sitanggang. All Rights Reserved.</p>
</footer>
</div>
<script src="script.js"></script>
</body>
</html> |