<!DOCTYPE html>
<html lang='en'>
<head>
	<meta charset="UTF-8">
	<meta name="author" content="Xaloc">
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<link rel="stylesheet" href="style.css">
	<link rel="manifest" href="manifest.json">
	<link rel="apple-touch-icon" href="img/icon.png"/>
	<title>Currency Converter</title>
</head>

<body>
<div class="panel">
	<div class="content">
<h3 class="myTitle">Currency Converter</h3>
<input type='number' id='val' step='0.01' class="input">
<select id='curr'>
	<option value='EUR'>EUR</option>
	<option value='USD'>USD</option>
	<option value='SEK'>SEK</option>
	<option value='JPY'>JPY</option>
	<option value='GBP'>GBP</option>
	<option value='INR'>INR</option>
	<option value='ISK'>ISK</option>
	<option value='DKK'>DKK</option>
	<option value='RON'>RON</option>
	<option value='NOK'>NOK</option>
</select>
<button onClick='change()' class="change">
	<svg fill="#000000" height="16px" width="16px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="0 0 251.247 251.247" xml:space="preserve">
<path d="M248.611,119.259l-51.005-51.005c-3.516-3.515-9.213-3.515-12.729,0c-3.515,3.515-3.515,9.213,0,12.728l35.642,35.641
	H30.728l35.642-35.641c3.515-3.515,3.515-9.213,0-12.728c-3.516-3.515-9.213-3.515-12.729,0L2.636,119.259
	c-3.515,3.515-3.515,9.213,0,12.728l51.005,51.005c1.758,1.757,4.061,2.636,6.364,2.636s4.606-0.879,6.364-2.636
	c3.515-3.515,3.515-9.213,0-12.728l-35.642-35.641h189.791l-35.642,35.641c-3.515,3.515-3.515,9.213,0,12.728
	c1.758,1.757,4.061,2.636,6.364,2.636s4.606-0.879,6.364-2.636l51.005-51.005C252.125,128.472,252.125,122.774,248.611,119.259z"/>
</svg>
</button>
<input type="text" id='res' readonly="readonly" class="result" value="">  </input> <select id='curr2'>
	<option value='USD'>USD</option>
	<option value='EUR'>EUR</option>
	<option value='SEK'>SEK</option>
	<option value='JPY'>JPY</option>
	<option value='GBP'>GBP</option>
	<option value='INR'>INR</option>
	<option value='ISK'>ISK</option>
	<option value='DKK'>DKK</option>
	<option value='RON'>RON</option>
	<option value='NOK'>NOK</option>
</select>


<p><button onClick='convert()' class="convert">Convert</button></p>
</div>
</div>
<script src='script.js'></script>
<script>
	if('serviceWorker' in navigator){
		navigator.serviceWorker.register('/service-worker.js');
	} else {
		console.log("Service worker is not supported");
	}
</script>
</body>
</html>