Untitled

<html>
<head>
	<title> Prva Zadacha</title>
	<style>
		table, th, td {
    		border: 1px solid black;
		}
	</style>

	<script type="text/javascript">
		function polnenje ()
		{
			var tab=document.getElementById("tabela");

			var ime=docment.getElementById('1');
			var prezime=docment.getElementById('2');
			var indeks=docment.getElementById('3');
			var predmet=docment.getElementById('4');
			var a=[ime,prezime,indeks,predmet];
			var td[];
			for (var i = 1; i < 4; i++)
			{
				var tr = document.createElement('tr');
    			var td = document.createElement('td');
    			td.appendChild(document.createTextNode(a[i]));

    			tr.appendChild(td);
			}
			tab.appendChild(tab);
		}
	}
	</script>
</head>
<body>
	<form>
		<label>Ime:</label>
		<input type="text" id="1">
	</br>
	</br>
		<label>Prezime:</label>
		<input type="text" id="2">
	</br>
	</br>
		<label>Indeks:</label>
		<input type="text" id="3">
		</br>
		</br>
		<label>Predmet:</label>
		<input type="text" id="4">
	</br>
	</br>
		<label>Ocena:</label>
		<select id="5">
			<option value="5">Pet(5)</option>
			<option value="6">Shest(6)</option>
			<option value="7">Sedum(7)</option>
			<option value="8">Osum(8)</option>
			<option value="9">Devet(9)</option>
			<option value="10">Deset(10)</option>
		</select>
		<input type="button" onclick="polnenje()" value="Vnesi">
	</form>
	</br>
	</br>
		<table id="tabela">
			<tr>
				<th>Ime</th>
				<th>Prezime</th>
				<th>Indeks</th>
				<th>Predmet</th>
				<th>Ocena</th>
			</tr>
		</table>

</body>
</html>