Interaktivní formulář JavaScript

SPOTŘEBA
<!DOCTYPE html>
<html lang="cs-cz">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>IT network školení online</title>
</head>
<body>
statický text
<h1>
Toto je text nadpisu
</h1>
Vzdálenost v km <input id="vzdalenost" type="number">
<br>
Spotřeba auta v l/100 km
<input id="spotreba" type="number">
<br>
Cena paliva v Kč
<input id="cena-paliva" type="number">
<br>
<button onclick="calculate()">Spočítat cenu</button>
<script>
const vzdalenostInput = document.getElementById("vzdalenost");
const spotrebaInput = document.getElementById("spotreba");
const cenaPalivaInput = document.getElementById("cena-paliva");

function calculate() {
    const vzdalenost = parseFloat(vzdalenostInput.value);
    const spotreba = parseFloat(spotrebaInput.value);
    const cenaPaliva = parseFloat(cenaPalivaInput.value);
    const potrebnePalivo = (vzdalenost / 100) * spotreba;
    const cena = cenaPaliva * potrebnePalivo;
    alert(cena + " Kč");
}
</script>
</body>
</html>

… třeba zamyšlenky!