﻿<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">  
    <title> Benzinverbrauch Urlaubsfahrt berechnen </title>
    <script>
    function berechneKosten(){
	var verbrauch = parseFloat(document.getElementById("v").value);
	var strecke = parseInt(document.getElementById("s").value);
	var benzinpreis = parseFloat(document.getElementById("p").value);
	var fahrtkosten = verbrauch*strecke*benzinpreis/100;
	document.getElementById("kosten").innerHTML = "Die Fahrtkosten für die Urlaubsfahrt betragen " + fahrtkosten+ " €.";
    }
    </script>
  </head>
  <body>
    <h1>Benzinkosten</h1>
    <p>Wieviel Liter Benzin benötigt dein Auto durchschnittlich für 100 km? <br>
	<input id="v" type="Text">  </p>
    <p>Wieviel km möchtest du fahren? <br>
	<input id="s" type="Text">  </p>
    <p>Wieviel Euro kostet ein Liter Benzin? <br>
	<input id="p" type="Text">  </p>
   
    <input type="button" value="Fahrtkosten berechnen" onclick="berechneKosten()">
    <p id = "kosten">
  </body>
</html>
