button Element doesn't work on Iphones for some reason

Question

I have tried to make something for Math class, however the button elements didn't seem to do anything on Iphones. I have tried to use eventlisteners and the onclick Attribute. Does anyone know why it doesn't work?

things I have tried to solve it with:

document.querySelector('#aufloesen').addEventListener("click", function(event) {
  event.preventDefault();
  rechnung();
});

document.querySelector('#aufloesen1').addEventListener("click", function(event) {
  event.preventDefault();
  rechnung1();
});

other thingy(tried without camelcase too):

I expected it to execute my scripts saved in the functions. I couldn't really debug it properly because I could only test it on apple mobile devices

document.querySelector('#aufloesen').addEventListener("touchstart", rechnung);
document.querySelector('#aufloesen1').addEventListener("touchstart", rechnung1);
document.querySelector('#aufloesen').addEventListener("click", rechnung);
document.querySelector('#aufloesen1').addEventListener("click", rechnung1);
//Aufgabe 1
function rechnung() {
  const result1 = document.querySelector('#calc1Input').value;
  if (result1 === "2404,19") {
    document.querySelector('#calc1Input').setAttribute('disabled', 'disabled')
    document.querySelector('#wrong').innerHTML = "";
    document.querySelector('#window').innerHTML = "" + "Korrekte Antwort!" + "";
    document.querySelector('#window').style.background = 'green';
    document.querySelector('#window').style.borderColor = 'green';
    document.querySelector('#aufloesen').setAttribute('disabled', 'disabled');
  } else {
    document.querySelector('#wrong').innerHTML = "Falsche Antwort!";
    document.querySelector('#window').style.borderColor = 'red';
  }
}
//Aufgabe 2
function rechnung1() {
  const result11 = document.querySelector('#calc1Input1').value;
  if (result11 === "421,90") {
    document.querySelector('#calc1Input1').setAttribute('disabled', 'disabled')
    document.querySelector('#wrong1').innerHTML = "";
    document.querySelector('#window1').innerHTML = "" + "Korrekte Antwort!" + "";
    document.querySelector('#window1').style.background = 'green';
    document.querySelector('#window1').style.borderColor = 'green';
    document.querySelector('#aufloesen1').setAttribute('disabled', 'disabled');
  } else {
    document.querySelector('#wrong1').innerHTML = "Falsche Antwort!";
    document.querySelector('#window1').style.borderColor = 'red';
  }
}

body {
  background: dimgray;
  color: white;
  font-family: none;
}

.header {
  text-align: center;
  font-weight: bold;
}

.header2,
.header3 {
  text-align: center;
}

.rechnung {
  font-weight: bold;
  text-align: center;
}

#calc1Input {
  width: 50px;
  border-radius: 2px;
  border: solid lightgray 1px;
  background: gray;
  color: white;
}

#calc1Input:focus {
  width: 50px;
  border-radius: 2px;
  border: solid lightgray 1px;
  background: gray;
  color: white;
  outline: none;
}

#correct {
  font-weight: bold;
  color: green;
}

#wrong {
  font-weight: bold;
  color: red;
}

#window {
  width: 200px;
  height: 120px;
  border: solid gray 1px;
  border-radius: 10px;
  font-family: none;
}

#window {
  margin-left: 45px;
  text-align: center;
  background: dimgray;
}

#calc1Input {
  font-family: none;
  text-align: center;
}

#aufloesen {
  margin-top: 10px;
  border: solid gray 1px;
  border-radius: 8px;
  height: 30px;
  width: 80px;
  font-weight: bold;
  color: black;
  background: white;
  margin-left: 105px;
  cursor: pointer;
  font-family: none;
}

.berechnung {
  margin-top: 20px;
}

.richtig {
  margin-top: 25px;
  font-size: 30px;
  font-weight: bold;
}

#wrong {
  margin-top: 40px;
}

#calc1Input1 {
  width: 50px;
  border-radius: 2px;
  border: solid lightgray 1px;
  background: gray;
  color: white;
}

#calc1Input1:focus {
  width: 50px;
  border-radius: 2px;
  border: solid lightgray 1px;
  background: gray;
  color: white;
  outline: none;
}

#correct1 {
  font-weight: bold;
  color: green;
}

#wrong1 {
  font-weight: bold;
  color: red;
}

#window1 {
  width: 200px;
  height: 120px;
  border: solid gray 1px;
  border-radius: 10px;
  font-family: none;
}

#window1 {
  margin-left: 45px;
  text-align: center;
  background: dimgray;
}

#calc1Input1 {
  font-family: none;
  text-align: center;
}

#aufloesen1 {
  margin-top: 10px;
  border: solid gray 1px;
  border-radius: 8px;
  height: 30px;
  width: 80px;
  font-weight: bold;
  color: black;
  background: white;
  margin-left: 105px;
  cursor: pointer;
  font-family: none;
}

.berechnung {
  margin-top: 20px;
}

.richtig {
  margin-top: 25px;
  font-size: 30px;
  font-weight: bold;
}

#wrong1 {
  margin-top: 40px;
}

.aufgabenstellung {
  font-weight: bold;
}

div.body {
  background-color: gray;
  width: 80%;
  margin: 20px auto;
  padding: 20px;
  border-radius: 9px;
}

.coordinate-system {
  width: 300px;
  height: 300px;
  border: 1px solid black;
}

.axis {
  stroke: black;
  stroke-width: 1;
}

.label {
  font-size: 12px;
}

.line {
  stroke: red;
  stroke-width: 2;
  fill: none;
}

svg {
  background: white;
  border: solid black 1px;
  margin-left: -4px;
}



Portfolio Mathematik
Sofian Sekakri

  1. Zinseszins
  Erklärung der Formel
  
    1. K (Endkapital)
    
      Das Endkapital ist der Betrag nach der Berechnung. Es ergibt sich aus dem Anfangskapital und dem Wachstumsfaktor. Es zeigt den Endwert nach der Zeit.
    
  
  

  
    2. K₀ (Anfangskapital)
    
      Das Anfangskapital ist der Betrag zu Beginn. Es ist der Ausgangspunkt der Berechnung.

      Beispiel: K₀ = 2300.
    
  
  

  
    3. q (Wachstumsfaktor)
    
      Der Wachstumsfaktor zeigt, wie sich das Kapital verändert.Er wird durch den Zinssatz berechnet.

      Zum Beispiel: q = 1.03 bei 3% Zinsen.
    
  
  

  
    4. n (Anzahl der Jahre/Perioden)
    
      n ist die Anzahl der Jahre.
      Je höher n, desto länger läuft die Verzinsung. Für 5 Jahre ist n = 5.
    
  
  

  
    5. qⁿ (Wachstumsfaktor hoch n)
    
      Der Wachstumsfaktor wird über n Jahre angewendet. Es multipliziert das Kapital mehrfach.

      Beispiel: (1.03)³ für 3 Jahre.
    
  
  

  Beispiel für Zinseszins
  
  Aufgabe 1
  
    Carlos legt an sein Sparkonto 2.300 Euro über 5 Jahre an. Der Zinssatz pro Jahr beträgt 0,89 Prozent. Runde das Ergebnis auf 2 Kommastellen.
  
  
    
      K₀ = 2.300€
      _n = 5 Jahre
      q = 1,089
  
  Rechnung:
  
    K₀
    *
    qⁿ
    =
    K
    

    

  
  
    

    Berechne den Wert von K


    K = €


    
  
  


  2. lineares Wachstum
  Erklärung der Formel
  
    1. y (Ergebnis)
    
      Das ist der Wert, den man am Ende rausbekommt. Er setzt sich aus dem Anfangswert und der Veränderung über die Zeit zusammen.
    
  
  

  
    2. b (Anfangswert)
    
      Das ist der Startwert, bevor sich irgendwas verändert. Man fängt also damit an.

      Beispiel: b = 500.
    
  
  

  
    3. m (Steigung/Veränderung pro Schritt)
    
      Das zeigt, wie schnell oder langsam sich der Wert verändert. Je größer m, desto stärker steigt (oder fällt) der Wert.

      Beispiel: m = 20 heißt, dass der Wert pro Schritt um 20 größer wird.
    
  
  

  
    4. x (Zeit/Anzahl der Schritte)
    
      x gibt an, wie viele Schritte vergangen sind. Je größer x, desto mehr hat sich der Wert verändert.

      Beispiel: x = 5 bedeutet, dass 5 Zeiteinheiten vergangen sind.
    
  
  

  
    5. m · x (Gesamtveränderung)
    
      Hier wird die Veränderung pro Schritt mit der Anzahl der Schritte multipliziert. So sieht man, wie viel sich der Wert insgesamt verändert hat.

      Beispiel: 20 · 3 = 60 bedeutet, dass der Wert nach 3 Schritten um 60 gestiegen ist.
    
    Beispiel für eine lineare Funktion
    
    

    

    
      Wie man im Beispiel sehen kann bleibt die Steigung immer Konstant und verändert sich über Zeit nicht. Es ist vergleichbar mit einem gleichbleibendem Taschengeld von bspw. 20€. Man hat nach insgesamt 3 Monaten 60€ bekommen. Die Summe, die man monatlich bekommt ändert sich jedoch nicht.
    
    Aufgabe 2: Kredithai
    
      Marlon leiht Juvarz 200 Euro. Diese Summe muss innerhalb von 1 Monat zurückgezahlt werden. Ist dies nicht der Fall schuldet Juvraz Marlon zusätzliche 31,70€ für jeden weiteren überzogenen Monat. Nach 8 Monaten entscheided sich Juvraz das Geld zurückzuzahlen. Wie viel schuldet er Marlon?
    
    
      
        x = 7
        b = 200
        m = 31,70€
    
    Rechnung:
    
      y =
      b +
      m *
      x
      

      

    
    
      

      Berechne den Wert von y


      y = €


      
    
    
  


  3. Potenzen

button Element doesn't work on Iphones for some reason

Answers (0)

Related Questions

button Element doesn&#39;t work on Iphones for some reason

Answers (0)

Related Questions

button Element doesn't work on Iphones for some reason