<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Mietzuschuss</title>
    <script>
      function berechneZuschuss() {
        var miete = parseFloat(document.getElementById("eingabe_miete").value);
        var zuschuss = 0;  
			if(miete < 500) {
			   zuschuss = miete*0.02;			  
			} 
			else {
			   if (miete < 1000 ) {
				zuschuss = miete*0.05;				
		            }
              		    else {
			        zuschuss = miete*0.07;
			    }				
			}
	 document.getElementById("ergebnis").innerHTML = "Der Mietzuschuss beträgt: "+ zuschuss +" Euro";
	 }    
    </script>
  </head>
  
  <body>
    <h1>Mietzuschussberechnung</h1>    
    <p> Miete in Euro: <input type="text" id="eingabe_miete"> </p>    
    <input type="button" value="Berechnen" onclick="berechneZuschuss()">
    <p id = "ergebnis">
  </body>
</html>
