-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
153 lines (153 loc) · 4.94 KB
/
index.html
File metadata and controls
153 lines (153 loc) · 4.94 KB
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!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>
<!--style css-->
<link rel="stylesheet" href="style.css" />
<!--Animation CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css">
</head>
<body>
<!--Marquee-->
<div class="team">
<marquee>
<h1 class="animate__animated rubberBand">
TEAM L JAVASCRIPT-WEJAPA PROJECT 1
</h1>
</marquee>
</div>
<!--Currency Container-->
<div class="container">
<h2 class="ml2">
Currency Converter 🤑
</h2>
<table>
<!--Top Currency (FROM)-->
<tr>
<td>
<input class="inputValue" type="number" placeholder="0" value="1" />
</td>
<td>
<select class="from">
<option value="EUR" selected>Euro
</option>
<option value="USD" selected>United States Dollars
</option>
</select>
</td>
</tr>
<!--Bottom Currency (TO)-->
<tr>
<td>
<input class="convtValue" type="number" placeholder="0"/>
</td>
<td>
<select class="to">
<option value="AUD" selected>Australlian Dollars
</option>
<option value="EUR">Euro
</option>
<option value="USD">United States Dollars
</option>
<option value="CAD">Canadian Dollars
</option>
<option value="GBP">Pound Sterling
</option>
<option value="JPY">Japanese Yen
</option>
<option value="CHF">Switzerland Francs
</option>
<option value="ARS">Argentina Pesos
</option>
<option value="AUD">Australlian Dollars
</option>
<option value="NZD">New Zealand Dollars
</option>
<option value="BSD">Bahamian Dollar
</option>
<option value="BGN">Bulgarian Lev
</option>
<option value="CLP">Chilean Peso
</option>
<option value="CNY">China Yuan Renmimbi
</option>
<option value="AED">UAE Dirham
</option>
<option value="CZK">Czech Republic Koruna
</option>
<option value="DKK">Denmark Kroner
</option>
<option value="EGP">Egypt Pounds
</option>
<option value="FJD">Fiji Dollars
</option>
<option value="HKD">Hong Kong Dollar
</option>
<option value="HRK">Croatian Kuna
</option>
<option value="DOP">Dominican Peso
</option>
<option value="HKD">Hong Kong Dollars
</option>
<option value="HUF">Hungary Forint
</option>
<option value="ISK">Iceland Krona
</option>
<option value="INR">India Rupees
</option>
<option value="IDR">Indonesia Rupiah
</option>
<option value="ILS">Israel New Shekels
</option>
<option value="JPY">Japan Yen
</option>
<option value="KRW">Korea (South) Won
</option>
<option value="MYR">Malaysia Ringgit
</option>
<option value="MXN">Mexico Pesos
</option>
<option value="NOK">Norway Kroner
</option>
<option value="PKR">Pakistan Rupees
</option>
<option value="PHP">Philippines Pesos
</option>
<option value="PLN">Poland Zloty
</option>
<option value="RON">Romania Leu
</option>
<option value="RUB">Russia Rubles
</option>
<option value="SAR">Saudi Arabia Riyal
</option>
<option value="SGD">Singapore Dollars
</option>
<option value="ZAR">South Africa Rand
</option>
<option value="KRW">South Korea Won
</option>
<option value="EGP">Egyptian Pounds
</option>
<option value="SEK">Sweden Krona
</option>
<option value="THB">Thailand Baht
</option>
<option value="TRY">Turkey Lira
</option>
</select>
</td>
</tr>
</table>
</div>
<!--animation script-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js">
</script>
<!--custom js-->
<script src="app.js">
</script>
</body>
</html>