Arkusz egzaminacyjny EE.09-02-19.06 stacja paliw - niedziałający skrypt

pytanie zadane 8 listopada 2022 w JavaScript przez Migger Nowicjusz (170 p.)
edycja 8 listopada 2022 przez Migger

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);
}

2 odpowiedzi

odpowiedź 8 listopada 2022 przez SzkolnyAdmin Szeryf (86,360 p.)
wybrane 8 listopada 2022 przez Migger

Najlepsza

Ponieważ z pola tekstowego odbierasz tekst, a nie liczbę całkowitą.

1. Zamiast case 1: zapisz case '1': (i odpowiednio drugi przypadek).

2. Skonwertuj dane odebrane z pola tekstowego na liczbę: paliwo = parseInt(paliwo) i analogicznie litry.