Update index.html
Browse files- index.html +31 -24
index.html
CHANGED
@@ -14,36 +14,43 @@
|
|
14 |
</header>
|
15 |
|
16 |
<form id="currencyForm">
|
17 |
-
<
|
|
|
18 |
|
19 |
<div class="currency-selectors">
|
20 |
-
<
|
21 |
-
<
|
22 |
-
<
|
23 |
-
|
24 |
-
|
25 |
-
|
26 |
-
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
-
|
|
|
|
|
|
|
31 |
|
32 |
<button type="button" id="swapButton" aria-label="Swap Currencies">
|
33 |
-
<i class="fas fa-
|
34 |
</button>
|
35 |
|
36 |
-
<
|
37 |
-
<
|
38 |
-
<
|
39 |
-
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
|
45 |
-
|
46 |
-
|
|
|
|
|
|
|
47 |
</div>
|
48 |
|
49 |
<button type="submit">Convert</button>
|
|
|
14 |
</header>
|
15 |
|
16 |
<form id="currencyForm">
|
17 |
+
<label for="amount">Amount</label>
|
18 |
+
<input type="number" id="amount" placeholder="Enter amount" value="10.00" required>
|
19 |
|
20 |
<div class="currency-selectors">
|
21 |
+
<div class="currency-group">
|
22 |
+
<label for="fromCurrency">From</label>
|
23 |
+
<select id="fromCurrency" required>
|
24 |
+
<option value="USD" selected>USD - US Dollar</option>
|
25 |
+
<option value="EUR">EUR - Euro</option>
|
26 |
+
<option value="GBP">GBP - British Pound</option>
|
27 |
+
<option value="IDR">IDR - Indonesian Rupiah</option>
|
28 |
+
<option value="JPY">JPY - Japanese Yen</option>
|
29 |
+
<option value="BRL">BRL - Brazilian Real</option>
|
30 |
+
<option value="KRW">KRW - South Korean Won</option>
|
31 |
+
<option value="AUD">AUD - Australian Dollar</option>
|
32 |
+
<option value="CAD">CAD - Canadian Dollar</option>
|
33 |
+
</select>
|
34 |
+
</div>
|
35 |
|
36 |
<button type="button" id="swapButton" aria-label="Swap Currencies">
|
37 |
+
<i class="fas fa-arrows-alt-v"></i>
|
38 |
</button>
|
39 |
|
40 |
+
<div class="currency-group">
|
41 |
+
<label for="toCurrency">To</label>
|
42 |
+
<select id="toCurrency" required>
|
43 |
+
<option value="USD">USD - US Dollar</option>
|
44 |
+
<option value="EUR">EUR - Euro</option>
|
45 |
+
<option value="GBP">GBP - British Pound</option>
|
46 |
+
<option value="IDR" selected>IDR - Indonesian Rupiah</option>
|
47 |
+
<option value="JPY">JPY - Japanese Yen</option>
|
48 |
+
<option value="BRL">BRL - Brazilian Real</option>
|
49 |
+
<option value="KRW">KRW - South Korean Won</option>
|
50 |
+
<option value="AUD">AUD - Australian Dollar</option>
|
51 |
+
<option value="CAD">CAD - Canadian Dollar</option>
|
52 |
+
</select>
|
53 |
+
</div>
|
54 |
</div>
|
55 |
|
56 |
<button type="submit">Convert</button>
|