Update index.html
Browse files- index.html +8 -0
index.html
CHANGED
|
@@ -22,22 +22,30 @@
|
|
| 22 |
|
| 23 |
<section class="content">
|
| 24 |
<div class="converter-container">
|
|
|
|
| 25 |
<div class="currency-box">
|
|
|
|
| 26 |
<input type="number" id="amount" placeholder="Enter amount">
|
| 27 |
</div>
|
|
|
|
| 28 |
<div class="currency-select">
|
|
|
|
| 29 |
<select id="from-currency">
|
| 30 |
<option value="USD">๐บ๐ธ USD</option>
|
| 31 |
<option value="EUR">๐ช๐บ EUR</option>
|
| 32 |
<!-- Add other currencies here -->
|
| 33 |
</select>
|
|
|
|
| 34 |
<button id="swap-btn" onclick="swapCurrencies()">โ
</button>
|
|
|
|
|
|
|
| 35 |
<select id="to-currency">
|
| 36 |
<option value="EUR">๐ช๐บ EUR</option>
|
| 37 |
<option value="USD">๐บ๐ธ USD</option>
|
| 38 |
<!-- Add other currencies here -->
|
| 39 |
</select>
|
| 40 |
</div>
|
|
|
|
| 41 |
<button id="convert-btn">Convert</button>
|
| 42 |
<p id="result"></p>
|
| 43 |
</div>
|
|
|
|
| 22 |
|
| 23 |
<section class="content">
|
| 24 |
<div class="converter-container">
|
| 25 |
+
<!-- Amount -->
|
| 26 |
<div class="currency-box">
|
| 27 |
+
<label for="amount">Amount:</label>
|
| 28 |
<input type="number" id="amount" placeholder="Enter amount">
|
| 29 |
</div>
|
| 30 |
+
<!-- From & To Currency -->
|
| 31 |
<div class="currency-select">
|
| 32 |
+
<label for="from-currency">From:</label>
|
| 33 |
<select id="from-currency">
|
| 34 |
<option value="USD">๐บ๐ธ USD</option>
|
| 35 |
<option value="EUR">๐ช๐บ EUR</option>
|
| 36 |
<!-- Add other currencies here -->
|
| 37 |
</select>
|
| 38 |
+
|
| 39 |
<button id="swap-btn" onclick="swapCurrencies()">โ
</button>
|
| 40 |
+
|
| 41 |
+
<label for="to-currency">To:</label>
|
| 42 |
<select id="to-currency">
|
| 43 |
<option value="EUR">๐ช๐บ EUR</option>
|
| 44 |
<option value="USD">๐บ๐ธ USD</option>
|
| 45 |
<!-- Add other currencies here -->
|
| 46 |
</select>
|
| 47 |
</div>
|
| 48 |
+
|
| 49 |
<button id="convert-btn">Convert</button>
|
| 50 |
<p id="result"></p>
|
| 51 |
</div>
|