Wybór paliwa (1 - benzyna(4zł/l), 2 - dizel (3,5zł/l))
Ilość paliwa

Otwórz w trybie kompatybilności.

Kod

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
</head>
<body>
    Wybór paliwa (1 - benzyna(4zł/l), 2 - dizel (3,5zł/l)) <input type="number" id="paliwoRodzaj" value="1"><br>
    Ilość paliwa <input type="number" id="paliwoIlosc" value="1"><br>
    <input type="button" value="oblicz" id="oblicz"><br>
    <div id="wynik"></div>
    <script>
        let oblicz = document.getElementById("oblicz")
        let wynik = document.getElementById("wynik")
        const benzyna = 4
        const dizel = 3.5
        oblicz.addEventListener('click',()=>{
            let paliwoRodzaj = parseInt(document.getElementById("paliwoRodzaj").value)
            let paliwoIlosc = parseInt(document.getElementById("paliwoIlosc").value)
            if (paliwoIlosc > 0) {
                if (paliwoRodzaj === 1) {
                    wynik.innerText = (benzyna * paliwoIlosc)+" zł"
                } else if (paliwoRodzaj === 2) {
                    wynik.innerText = (dizel * paliwoIlosc)+" zł"
                }
                else{
                    wynik.innerText = 'Podano błędne paliwo'
                }
            }
            else {
                wynik.innerText = 'za mało paliwa chcesz'
            }
        })
    </script>
</body>
</html>