﻿<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">  
    <title> Einfacher Taschenrechner </title>
    <script>
      //Funktion addieren wird definiert//
      function addieren() {
        var a = parseFloat(document.getElementById("zahl1").value);
        var b = parseFloat(document.getElementById("zahl2").value);
        var c =a+b;
  document.getElementById("ergebnis").innerHTML = "Die Summe aus "+ a +
  " und "+ b +" beträgt "+c;
      }

      //Funktion subtrahieren wird definiert//
      function subtrahieren() {
        var a = parseFloat(document.getElementById("zahl1").value);
        var b = parseFloat(document.getElementById("zahl2").value);
        var c = a-b;
  document.getElementById("ergebnis").innerHTML = "Die Differenz aus "+ a +
  " und "+ b +" beträgt "+c;
      }

      //Funktion multiplizieren wird definiert//
      function multiplizieren() {
        var a = parseFloat(document.getElementById("zahl1").value);
        var b = parseFloat(document.getElementById("zahl2").value);
        var c = a*b;
        document.getElementById("ergebnis").innerHTML = "Das Produkt aus "+ a +
        " und "+ b +" beträgt "+c;
      }

      //Funktion dividieren wird definiert//  
      function dividieren() {
        var a = parseFloat(document.getElementById("zahl1").value);
        var b = parseFloat(document.getElementById("zahl2").value);
        var c = a/b;
        document.getElementById("ergebnis").innerHTML = "Der Quotient aus "+ a +
        " und "+ b +" beträgt "+c;
      }
    </script>
  </head>
  <body>
    <h1>Taschenrechner</h1>
    <!-- Eingabefeld 1. Zahl -->
    <p>
	<strong>Zahl 1:</strong>
	<input id="zahl1" type="Text">

    </p>
    <!-- Eingabefeld 2. Zahl -->
    <p>
	<strong>Zahl 2:</strong>
	<input id="zahl2" type="Text">
    </p>
    <!-- Aktionsbutton definieren -->
    <input type="button" value=" + " onclick="addieren()">
    <input type="button" value=" - " onclick="subtrahieren()">
    <input type="button" value=" * " onclick="multiplizieren()">
    <input type="button" value=" : " onclick="dividieren()">
    <p id ="ergebnis">
  </body>
</html>


