GarGerry commited on
Commit
a9d9312
·
verified ·
1 Parent(s): a9f1847

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +31 -24
index.html CHANGED
@@ -14,36 +14,43 @@
14
  </header>
15
 
16
  <form id="currencyForm">
17
- <input type="number" id="amount" placeholder="Enter amount" required>
 
18
 
19
  <div class="currency-selectors">
20
- <select id="fromCurrency" required>
21
- <option value="USD">USD - US Dollar</option>
22
- <option value="EUR">EUR - Euro</option>
23
- <option value="GBP">GBP - British Pound</option>
24
- <option value="IDR">IDR - Indonesian Rupiah</option>
25
- <option value="JPY">JPY - Japanese Yen</option>
26
- <option value="BRL">BRL - Brazilian Real</option>
27
- <option value="KRW">KRW - South Korean Won</option>
28
- <option value="AUD">AUD - Australian Dollar</option>
29
- <option value="CAD">CAD - Canadian Dollar</option>
30
- </select>
 
 
 
31
 
32
  <button type="button" id="swapButton" aria-label="Swap Currencies">
33
- <i class="fas fa-exchange-alt"></i>
34
  </button>
35
 
36
- <select id="toCurrency" required>
37
- <option value="USD">USD - US Dollar</option>
38
- <option value="EUR">EUR - Euro</option>
39
- <option value="GBP">GBP - British Pound</option>
40
- <option value="IDR">IDR - Indonesian Rupiah</option>
41
- <option value="JPY">JPY - Japanese Yen</option>
42
- <option value="BRL">BRL - Brazilian Real</option>
43
- <option value="KRW">KRW - South Korean Won</option>
44
- <option value="AUD">AUD - Australian Dollar</option>
45
- <option value="CAD">CAD - Canadian Dollar</option>
46
- </select>
 
 
 
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>