<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Abiballkartenbestellung</title>
    <script>
      function berechneBetrag(){
           var anzahl = parseInt(document.getElementById("eingabe_anzahl").value);
           var betrag = anzahl * 30;
           if (anzahl > 2){
              betrag = betrag * 0.8;
           }
	   document.getElementById("ergebnis").innerHTML = "Der Zahlungsbetrag ist: " + betrag + " Euro";
      }
    </script>
  </head>
  <body>
    <h1>ABIIIII !!!</h1>
    <h2>Hier kannst Du Karten f&uuml;r den Abiball online bestellen</h2>
    <p>Anzahl der gew&uuml;nschten Karten (Preis: 30,- Euro):</p>
    <input type="text" id="eingabe_anzahl">
    <br> <br>   
    <input type="button" value="Berechne Zahlungsbetrag" onclick="berechneBetrag()">
    <p id = "ergebnis">		
  </body>
</html>
