Anleitung zu AA3 – Maximalwert berechnen

🪜 Schritt-für-Schritt-Anleitung – Maximalwert berechnen

1. Neue Variable für Maximalwert anlegen

Fügen Sie am Anfang der Funktion App() eine neue State-Variable hinzu, um den höchsten Wert zu speichern:

const [maxWert, setMaxWert] = useState(0);

2. Math.max verwenden

Berechnen Sie nach Ende der Messung den höchsten Wert aus dem Array bewegungen. Das geht mit:

const neuerMaxWert = Math.max(...bewegungen);
setMaxWert(neuerMaxWert);

3. useEffect nach der Messung

Fügen Sie einen neuen useEffect hinzu, der nach Abschluss der Messung (wenn status === 'result') den Maximalwert berechnet:

useEffect(() => {
  if (status === 'result' && bewegungen.length > 0) {
    const neuerMax = Math.max(...bewegungen);
    setMaxWert(neuerMax);
  }
}, [status, bewegungen]);

4. Maximalwert anzeigen

Stellen Sie sicher, dass die Komponente ErgebnisScreen den Maximalwert wie bisher korrekt anzeigt. Falls nötig, übergeben Sie maxWert erneut als Prop:

<ErgebnisScreen maxWert={maxWert} ... />

✅ Hinweis:
Falls Sie beim Spread-Operator oder der Anzeige Probleme haben, überprüfen Sie, ob das Array bewegungen korrekt gefüllt ist.
Optional können Sie mit .slice(-100) die Liste auf die letzten 100 Werte begrenzen.