﻿<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">  
    <title> Umrechner $ - €</title>
    <script>	
      function umrechnen() {   
        var waehrung = (document.getElementById("eingabe_waehrung").value); 
        var kurs = parseFloat((document.getElementById("eingabe_kurs").value)); 
        var menge = parseFloat((document.getElementById("eingabe_menge").value)); 
        if(waehrung=="$" && !isNaN(kurs)&&!isNaN(menge)) {
          var dollar= menge*kurs;
		  document.getElementById("ergebnis").innerHTML = "Für " +menge+ " € erhalten Sie " + dollar + " $.";
        } else if (waehrung=="€"&& !isNaN(kurs)&&!isNaN(menge)){
            var euro = menge*(1/kurs);
			document.getElementById("ergebnis").innerHTML = "Für " +menge+ " $ erhalten Sie " + euro + " €.";
          }
        else {
		  document.getElementById("ergebnis").innerHTML = "Sie haben ein falsches Zeichen eingegeben. Probieren Sie es nochmal.";
        }
      }
    </script>
  </head>
  <body>
    <h1> Währungsumrechener </h1>
    <p> <strong> Mit diesem Währungsumrechner können Sie $ in € oder € in $ umrechnen. </strong> </p>
    <p> In welche Währung möchten Sie umrechnen? 
    <p> Eingabe: $ oder € 
    <input id="eingabe_waehrung" type="Text" /> </p>
    <p> Geben Sie den Wechselkurs €/$ ein: 
    <input id="eingabe_kurs" type="Text" /> </p>
    <p> Wieviel möchten Sie von ihrer Währung umwechseln? 
    <input id="eingabe_menge" type="Text" /> </p>
    <button onclick="umrechnen()">umrechnen</button>
	<p id = "ergebnis">
  </body>	
</html>
