Untitled

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />

<meta charset="utf-8">
<title>Przelicznik Walut</title>

</head>

<body>

<div id="container" align="center">
<div id="header">
<h1>Przelicznik walut</h1>


<div id="nav">


</div>
</div>
<div class="twoColumnLeft">

<div id="content">
<br><br>
<form onsubmit="send(); return false;">
Podaj kwote:<br /><input type="text" name="kwota" /> polskich zlotych<br />
Przelicz na:<br />
<input type="radio" name="waluta" value="1" checked />dolar amerykanski<br />
<input type="radio" name="waluta" value="2" />euro<br />
<input type="radio" name="waluta" value="3" />japonski jen<br />
<input type="radio" name="waluta" value="4" />funt brytyjski<br />
<input type="radio" name="waluta" value="5" />dolar australijski<br />
<input type="submit" value="przelicz" />
</form>


</div>
</div>
  <div class="twoColumnLeft">

<div id="content">
<iframe src="http://waluty.com.pl/webmaster_kursy.php" style="width:190px;height:220px;border:1px #7f7f7f solid"> </iframe>

<p>wyniki</p>
<p id="wyniki"></p>

</div>
</div>
<div id="footer">

<script>
function send(){
	var waluta = 0;
	var kwota = document.querySelector("input[name=kwota]").value;
	var walutaElem = document.querySelectorAll("input[name=waluta]");
	walutaElem.forEach( (input, index) => {
		if(input.checked == true ){
			waluta = index+1;
		}
	});

	var post = ["dolarow", "euro", "jenow", "funtow", " dolarow australijskich"];
    var str = "kwota=" + kwota + "\&" + 'waluta=' + waluta;
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
        	var stare = document.getElementById("wyniki").innerHTML;
			document.getElementById("wyniki").innerHTML = "<span>" + xhttp.responseText + " " + post[waluta - 1] + "</span><br>" + stare;
        }
    };
    xhttp.open("POST", "waluta.php", true);
    xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhttp.send(str);

	return false;
}
</script>

<style type="text/css">
	/*do styli przenieÅÄ*/
	span:first-child {
		font-weight: bold;
	}
</style>

</div>
</div>

</body>
</html>