22

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Stacja paliw</title>
<link rel="stylesheet" href="styl3.css">
</head>
<body>
<div id="banerl"><h1>Stacja Paliw</h1></div>
<div id="banerp"><a href="stacja.html"><img src="home.png"></a><a href="obliczenia.html"><img src="znak.png"></a></div>
<div id="glowny">
<h3>Oblicz koszt paliwa</h3></br>
Rodzaj paliwa (1-benzyna, 2-olej napędowy):</br>
<input type="number" id="benz"></br>
Ile litrów:</br>
<input type="number" id="litry"></br>
<input type="submit" value="OBLICZ" onclick="policz()" >
<p id="cena"></p>
</div>
<div id="dollewo"><a href="kwerendy.txt">Pobierz kwerendy</a></div>
<div id="dolprawo"><img src="samochod.png"a alt="samochod"></div>
<div id="stopka"><p> Strone opracował: 0000000000</p></div>
<script>
function policz(){
var b = document.getElementById("benz").value;
var l = document.getElementById("litry").value;
var wynik;
if(b == 1){
    wynik = 0;
    wynik = l * 4;
    document.getElementById("cena").innerHTML ="koszt paliwa: "+ wynik +" zł" ;
}
else if(b == 2){
    wynik = 0;
    wynik = l * 3,5;
    document.getElementById("cena").innerHTML ="koszt paliwa: "+ wynik +" zł" ;

}
else{
    wynik = 0;
    document.getElementById("cena").innerHTML ="koszt paliwa: "+ wynik +" zł" ;

}


}

</script>

</body></html>