-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
115 lines (110 loc) · 4.86 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exchange Rate Calculator</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700,800,600italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<header>
<h1>Currency Converter</h1>
</header>
<main>
<section class="inputForm">
<h2>Pick your currencies to convert and see the results.</h2>
<p>The site will also show you a currency exchange rate table for the currency you choose.</p>
<form id="inputForm">
<label for="inputAmount">Amount: </label>
<input id="inputAmount" type="number" name="amount" min="1" max="1000000" step="0.01" required autofocus>
<label for="currency1">Base Currency</label>
<select name="Currency1" id="currency1">
<option value="aud">AUD</option>
<option value="bgn">BGN</option>
<option value="brl">BRL</option>
<option value="cad">CAD</option>
<option value="chf">CHF</option>
<option value="cny">CNY</option>
<option value="czk">CZK</option>
<option value="dkk">DKK</option>
<option value="eur">EUR</option>
<option value="gbp">GBP</option>
<option value="hkd">HKD</option>
<option value="hrk">HRK</option>
<option value="huf">HUF</option>
<option value="idr">IDR</option>
<option value="ils">ILS</option>
<option value="inr">INR</option>
<option value="jpy">JPY</option>
<option value="krw">KRW</option>
<option value="mxn">MXN</option>
<option value="myr">MYR</option>
<option value="nok">NOK</option>
<option value="nzd">NZD</option>
<option value="php">PHP</option>
<option value="pln">PLN</option>
<option value="ron">RON</option>
<option value="rub">RUB</option>
<option value="sek">SEK</option>
<option value="sgd">SGD</option>
<option value="thp">THB</option>
<option value="try">TRY</option>
<option value="usd">USD</option>
<option value="zar">ZAR</option>
</select>
<label for="currency2">Converted Currency</label>
<select name="Currency2" id="currency2">
<option value="AUD">AUD</option>
<option value="BGN" selected>BGN</option>
<option value="BRL">BRL</option>
<option value="CAD">CAD</option>
<option value="CHF">CHF</option>
<option value="CNY">CNY</option>
<option value="CZK">CZK</option>
<option value="DKK">DKK</option>
<option value="EUR">EUR</option>
<option value="GBP">GBP</option>
<option value="HKD">HKD</option>
<option value="HRK">HRK</option>
<option value="HUF">HUF</option>
<option value="IDR">IDR</option>
<option value="ILS">ILS</option>
<option value="INR">INR</option>
<option value="JPY">JPY</option>
<option value="KRW">KRW</option>
<option value="MXN">MXN</option>
<option value="MYR">MYR</option>
<option value="NOK">NOK</option>
<option value="NZD">NZD</option>
<option value="PHP">PHP</option>
<option value="PLN">PLN</option>
<option value="RON">RON</option>
<option value="RUB">RUB</option>
<option value="SEK">SEK</option>
<option value="SGD">SGD</option>
<option value="THB">THB</option>
<option value="TRY">TRY</option>
<option value="USD">USD</option>
<option value="ZAR">ZAR</option>
</select>
<div class="error"></div>
<button type="submit" name="formsubmit">Calculate</button>
</form>
</section>
<section id="results">
</section>
<aside id="exchdata">
</aside>
</main>
<footer>
<div class="backToTop"></div>
<small>All of the exchange rate data has been pulled from the API available from <a href="http://fixer.io/" target="_blank">fixer.io</a></small>
<small>The data is updated on a daily basis, so it is not real time.</small>
<small>Data only available for 32 listed currencies in the dropdown menu.</small>
<small>Created as a mini-project on 11/9/15 while in gSchool!</small>
<small>View it on <a href="https://github.com/davidtadams/ExchRate-Calc" target="_blank">GitHub!</a></small>
<small>with a little bit of design critique from <a href="https://github.com/alexG53090" target="_blank">alexG53090</a></small>
</footer>
</body>
</html>