Untitled

<!DOCTYPE html>
<html>
<head>
<style>
#naglowek{
position:absolute;
top:0px;
left:0px;
bottom:85%;
background-color:#7EA16B;
color:#C3D898;
padding:10px;
width:100%;
text-align:center;
}
body{
margin:0px;
padding:0px;
}
#main{
position:absolute;
top:15%;
bottom:0%;
left:0px;
padding:10px;
background-color:#596F62;
color:#C3D898;
width:100%;
}
</style>
</head>
<body>
<div id="naglowek">
<h1>Temperatura</h1>
</div>
<div id="main">
℃=<input type="number" id="cel"><div id="wynik"></div><br>
℉=<input type="number" id="far"><div id="wynik2"></div><br>
<button onclick="sprawdz()">przelicz</button>
<button onclick="wyczysc()">wyczyść</button><br>
*<sub> wszystkie wyniki mają wartość zaokrągloną
<script>
function sprawdz(){
var a = document.getElementById("cel").value;
var b = document.getElementById("far").value;
var c = document.getElementById("wynik");
var d = document.getElementById("wynik2");
   if(a!="" && b=="")
   {
   var wynik = ( a * 1.8 ) + 32;
   var e =Math.round(wynik);
   c.innerHTML ="℃="+e+"℉";
   }
   else if (b!="" && a=="")
   {
   var wynik = ( b - 32 )/(1.8);
   var e =Math.round(wynik);
   d.innerHTML ="℉="+e+"℃";
   }
   else if (a=="" && b =="")
   {
   c.innerHTML="";
   d.innerHTML="";
   alert("prosze wprowadzić wyniki");
   }
   else if (a!="" && b!="")
   {
   var wynik = ( a * 1.8 ) + 32;
   var e =Math.round(wynik);
   c.innerHTML ="℃="+e+"℉";
   var wynik2 = ( b - 32 )/(1.8);
   var f =Math.round(wynik);
   d.innerHTML ="℉="+f+"℃";
   }

}
function wyczysc(){
document.getElementById("cel").value="";
document.getElementById("far").value="";
}
</script>
</div>
</body>
</html>