<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Ermittlung der Anlagedauer</title>
    <script>
      function ermittleAnlagedauer() {
        var betrag = parseFloat(document.getElementById("eingabe_betrag").value);
        var zsatz = parseFloat(document.getElementById("eingabe_zsatz").value);
        var zielwert = parseFloat(document.getElementById("eingabe_zielwert").value);
        var jahr= 0;
        while (betrag < zielwert){
          jahr = jahr + 1;
          betrag = betrag * (1 + zsatz/100);
          document.getElementById("ergebnis").innerHTML  +=jahr + ". Jahr: " + betrag+ " Euro<br>";
        }
      }
    </script>
  </head>
  <body>
    <h2>Verzinsung einer Anlage bis zu einem gewünschten Zielwert:</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> Welcher Zielwert soll durch die Anlage realisiert werden?
    <input type="text" id="eingabe_zielwert"> </p>
    <input type="button" value="Berechnen" onclick="ermittleAnlagedauer()"><br><br>
    <p id = "ergebnis">
  </body>
</html>
