Untitled

<html>
	<head>
		<title>
			zad1
		</title>
		<meta charset = "UTF-8" />
		<script type ="text/javascript" src = "jquery.min"></script>
	</head>
	<body>
	<button id ="kopce" onclick="f()">OK</button>
			<div id = "puni">


			</div>
			<button>sortiraj</button>
				<script>

				if(window.XMLHttpRequest)
				{
				 var xmlhttp;
				 xmlhttp = new XMLHttpRequest();
				 xmlhttp.open("GET","avtomobili.json",true);
				 xmlhttp.send();
				}
				var out = "<p>";
				xmlhttp.onreadystatechange = function()
				{
						if(xmlhttp.readyState == 4)
						{
							var json = JSON.parse(xmlhttp.responseText);
							for(var i = 0 ; i <json.length; i ++)
							{

								out += "marka: "+json[i].marka + " model:"+json[i].model + " boja: "+"<input type = 'color'  value = '"+json[i].boja+"' />" + " max brzina: "+"<input type = 'number'  value = '"+json[i].maxbrzina+"'  id='brz'/>" + "<br />";
							}
							out += "</p>";
							document.getElementById("puni").innerHTML = out;
						}
				}
				</script>
	</body>
</html>