Spaces:
Running
Running
Update index.html
Browse files- index.html +11 -5
index.html
CHANGED
@@ -20,23 +20,29 @@
|
|
20 |
<div class="converter">
|
21 |
<div class="currency-labels">
|
22 |
<label for="amount">Amount</label>
|
23 |
-
<
|
24 |
-
<label for="to-currency">To</label>
|
25 |
</div>
|
26 |
-
|
27 |
-
<div class="currency-
|
|
|
28 |
<select id="from-currency">
|
29 |
<option value="USD">USD</option>
|
30 |
<option value="EUR">EUR</option>
|
31 |
<option value="GBP">GBP</option>
|
32 |
</select>
|
33 |
-
|
|
|
|
|
|
|
|
|
|
|
34 |
<select id="to-currency">
|
35 |
<option value="EUR">EUR</option>
|
36 |
<option value="USD">USD</option>
|
37 |
<option value="GBP">GBP</option>
|
38 |
</select>
|
39 |
</div>
|
|
|
40 |
<button id="convert-btn" onclick="convertCurrency()">Convert</button>
|
41 |
<p id="result"></p>
|
42 |
</div>
|
|
|
20 |
<div class="converter">
|
21 |
<div class="currency-labels">
|
22 |
<label for="amount">Amount</label>
|
23 |
+
<input type="number" id="amount" placeholder="Enter amount">
|
|
|
24 |
</div>
|
25 |
+
|
26 |
+
<div class="currency-labels">
|
27 |
+
<label for="from-currency">From</label>
|
28 |
<select id="from-currency">
|
29 |
<option value="USD">USD</option>
|
30 |
<option value="EUR">EUR</option>
|
31 |
<option value="GBP">GBP</option>
|
32 |
</select>
|
33 |
+
</div>
|
34 |
+
|
35 |
+
<button id="swap-btn" onclick="swapCurrencies()">↕</button>
|
36 |
+
|
37 |
+
<div class="currency-labels">
|
38 |
+
<label for="to-currency">To</label>
|
39 |
<select id="to-currency">
|
40 |
<option value="EUR">EUR</option>
|
41 |
<option value="USD">USD</option>
|
42 |
<option value="GBP">GBP</option>
|
43 |
</select>
|
44 |
</div>
|
45 |
+
|
46 |
<button id="convert-btn" onclick="convertCurrency()">Convert</button>
|
47 |
<p id="result"></p>
|
48 |
</div>
|