<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8"/>
 <title>About Me</title>
 <style type="text/css">
 	.pole
 	{width: 40px;}
 </style>
</head>
<body>
<input type="text" class="pole" id = "pole1">
<input type="text" class="pole" id="pole3">i
<br>
<input type="text" class="pole" id="pole2">
<input type="text" class="pole" id="pole4">i
<br>
<input type="button" onclick="calculate()" value="Add">
<br>
<input type="text" class="pole" id="resenie1">
<input type="text" class="pole" id="resenie2">

<script type="text/javascript">
function calculate()
{
	var prvo = parseInt(document.getElementById("pole1").value);
	var vtoro = parseInt(document.getElementById("pole2").value);
	var treto = parseInt(document.getElementById("pole3").value);
	var cetvrto = parseInt(document.getElementById("pole4").value);

	console.log(prvo,vtoro,treto,cetvrto);

	var result1 = prvo+treto;

	var result2 = vtoro+cetvrto;
	console.log(result1);
	console.log(result2);

	document.getElementById("resenie1").innerHTML = result1;
	console.log(document.getElementById("resenie1").innerHTML = result1);

	document.getElementById("resenie2").innerHTML = resenie2;

}

</script>
</body>
</html>