﻿<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Verzinsung einer Anlage</title>
    <script>
      function verzinseJahre() {
        var betrag = parseFloat(document.getElementById("eingabe_betrag").value);
        var zsatz = parseFloat(document.getElementById("eingabe_zsatz").value);
        var jahre = parseInt(document.getElementById("eingabe_jahre").value);
        for (i=1; i<= jahre; i++){
          betrag = betrag * (1 + zsatz/100);
	      document.getElementById("ergebnis").innerHTML  +=i + ". Jahr: " + betrag+ " Euro<br>";
        }
      }
    </script>
  </head>
  <body>
    <h2>Verzinsung einer Anlage über eine gewünschte Laufzeit:</h2>
    <p>Welcher Betrag soll angelegt werden?
    <input type="text" id="eingabe_betrag">  </p>
    <p> Zu welchem prozentualen Zinsatz wird verzinst? 
    <input type="text" id="eingabe_zsatz"> </p>
    <p>Wieviele Jahre soll die Anlage laufen?
    <input type="text" id="eingabe_jahre">  </p>
    <input type="button" value="Berechnen" onclick="verzinseJahre()">
    <p id = "ergebnis">
  </body>
</html>
