Problematyczny plik html ze skryptem:
Mógłby ktoś wytłumaczyć dlaczego w skrypcie zmienna cena ma zawsze wartość 0?
<!DOCTYPE html>
<html>
<head>
<title>Stacja paliw</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="styl3.css">
</head>
<body>
<!-- <div style="float: left;"></div> -->
<div id="lbaner" style="float: left;"><h1>Stacja paliw</h1></div>
<div style="float: left;"></div>
<div id="rbaner"style="float: left;"><a href="stacja.html"><img src="home.png"></a><a href="obliczenia.html"><img src="znak.png"></a></div>
<div style="clear: both;"></div>
<div id="main">
<h3>Oblicz koszt paliwa</h3>
<p>Rodzaj paliwa (1-benzyna,2-olej napędowy)</p>
<input type="number" id="paliwo">
<p>Ile litrów</p>
<input type="number" id="litry">
<br>
<button onclick="oblicz()">OBLICZ</button>
</div>
<script>
function oblicz()
{
let paliwo = document.getElementById("paliwo").value;
let litry = document.getElementById("litry").value;
alert("paliwo:"+paliwo+" litry: "+litry);
let cena;
switch(paliwo)
{
case 1: cena = 4*litry; break;
case 2: cena = 3.5*litry; break;
default: cena=0;
}
alert(cena);
document.getElementById("main").innerHTML+="koszt paliwa: "+cena+" zł<br>";
}
</script>
<div id="lbar"style="float: left;"><a href="kwerendy.txt">Pobierz kwerendy</a></div>
<div id="rbar"style="float: left;"><img src="samochod.png" alt="samochód"></div>
<div style="clear: both;"></div>
<div id="footer"><p>Stronę opracował: JA</p></div>
</body>
</html>
CSS:
*
{
font-family: Helvetica;
margin: 0px;
}
#lbaner,#lbar
{
background-color: RGB(130,69,85);
color: white;
width: 30%;
height: 200px;
text-align: center;
}
#rbaner, #rbar
{
background-color: RGB(130,69,85);
color: white;
width: 70%;
height: 200px;
text-align: center;
}
#main,#footer
{
background-color: RGB(240,234,226);
padding: 120px;
}
table, td
{
border: solid 1px RGB(130,69,85);
color: RGB(130,69,85);
padding: 10px;
}
a
{
color: RGB(240,234,226);
}