PetraD: Taschenrechner JavaScript

Beitrag lesen

// It works!!!

<form>
  <p>
    <label for="zahl1">erste Zahl:
      <input id="zahl1" type="number" value="0"> </label>
  </p>
  <p>
    <label for="operator">Operator:
      <input id="operator" type="text"> </label>
    <p>
      <label for="zahl2">zweite Zahl:
        <input id="zahl2" type="number" value="0"> </label>
    </p>
    <br>
    <p>
      <button type="button" id="rechnen">Berechnen</button>
    </p>
    <label> Ergebnis:
      <p id="ergebnis"></p>
    </label>
</form>
//

function Rechner() {
  var zahl1 = document.getElementById('zahl1').value;
  var zahl2 = document.getElementById('zahl2').value;
  var operator = document.getElementById('operator').value;
  var ergebnis1 = 0;
  
  if (operator === "+") {
    ergebnis1 = zahl1 - (-1)* zahl2;
  }
  if (operator === "-") {
    ergebnis1 = zahl1 - zahl2;
  }
  if (operator === "*") {
    ergebnis1 = zahl1 * zahl2;
  }
  if (operator === "/") {
    ergebnis1 = zahl1 / zahl2;
  }
  document.getElementById('ergebnis').innerHTML = ergebnis1;
}


document.addEventListener('DOMContentLoaded', init);

function init() {
  document.getElementById('rechnen').addEventListener('click', Rechner);
}