Untitled

<html>
 <head>
  <link rel="stylesheet">
 </head>
 <script type="text/javascript">
 function prostokat()
 {
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
var wynik = a * b;
document.getElementById("kolumna1").innerHTML="Pole Prostokąta wynosi:"+wynik;
console.log(wynik);
}
 function trojkat()
 {
var a1 = document.getElementById("a1").value;
var h = document.getElementById("h").value;
var wynik1 = (a1 * h)/2;
document.getElementById("kolumna1").innerHTML="Pole Trójkąta wynosi:"+wynik1;
console.log(wynik1);
}
function trapez()
{
var a2 = document.getElementById("a2").value;
var a3 = parseInt(a2);
var b2 = document.getElementById("b2").value;
var b3 = parseInt(b2);
var h1 = document.getElementById("h1").value;
var h2 = parseInt(h1);
var wynik2 = ((a3 + b3)*h2)/2;
document.getElementById("kolumna1").innerHTML="Pole Trapezu wynosi:"+wynik2;
console.log(wynik2);
}
 </script>
 <style>
 #kontener{
width: 960px;
margin: 0 auto;
}

#naglowek{
margin: 10px;
width: 936px;
height: 150px;
border: 2px solid black;
}

.kolumna{
float: left;
margin: 10px;
width: 455px;
height: 350px;
border: 2px solid black;
background-color: green;
}
#kolumna2{
float: left;
margin: 10px;
width: 455px;
height: 350px;
border: 2px solid black;
background-color: blue;

}

#clear{
clear: both;
}

#stopka{
margin: 10px;
width: 936px;
height: 50px;
border: 2px solid black;
background-color: yellow;

}
 </style>
 <body>
  <div id="kontener">
   <div id="naglowek"><img src="LOGO.png" width="936" height="150"></div>
   <div class="kolumna">
   Podaj a h
   <br>
   <input type="text" id="a1">
   <br>
   <input type="text" id="h">
   <br>
   <button onclick="trojkat()">Oblicz</button>
   </div>
   <div class="kolumna">News
   Podaj a b
   <br>
   <input type="text" id="a">
   <br>
   <input type="text" id="b">
   <br>
   <button onclick="prostokat()">Oblicz</button>
   </div>
   <div class="kolumna">
   Podaj a b h
   <br>
   <input type="text" id="a2">
   <br>
   <input type="text" id="b2">
   <br>
   <input type="text" id="h1">
   <br>
   <button onclick="trapez()">Oblicz</button></div>
   <div id="kolumna2"><h1>Wynik</h1>
   <div id="kolumna1">
   </div>
   </div>
   <div id="clear"></div>
   <div id="stopka">Łukasz Rybarz 2PI_P
   </div>
  </div>
 </body>
</html>