Kod


     <!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1>Ile litrów paliwa potrzebuję?</h1>
    dystans trasy (km) <br>
    <input type="number"> <br>
    średnie spalanie samochodu (l/100km)<br>
    <input type="number"> <br>
    <button>Oblicz</button> <br>
    <div id="wynik"></div>
    <script>
        let oblicz = document.getElementsByTagName("button")[0]
        oblicz.addEventListener("click", ()=> {
            let dystans = parseInt(document.getElementsByTagName("input")[0].value)
            let spalanie = parseInt(document.getElementsByTagName("input")[1].value)
            let wynik = document.getElementById("wynik")
            let iloscPaliwa = (dystans / 100) * spalanie
            wynik.innerText = `Ilość paliwa: ${iloscPaliwa}, koszt benzyna: ${iloscPaliwa * 4}, koszt Olej napędowy: ${iloscPaliwa * 3.8}`
        })
    </script>
</body>
</html>