Wie testen, ob ein Event gesetzt wurde / aktiv ist?

[Auge]

Hallo

Habe den Verdacht, dass der EventListener 'input' nicht wirkt.

Versuchen wir mal das auseinander zu nehmen.

'use strict';
document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('#tempo').addEventListener('input', setTempo);
  setTimeout( setTempo, 1000 ); // 
});

Wenn das DOM geladen ist, registriere auf das Element mit der ID „tempo“ einen Event-Listener vom Typ input, der bei Eintritt des Events die Funktion setTempo aufruft, warte eine Sekunde und rufe die Funktion setTempo einmalig ohne Eintritt des Events auf.

Soweit, so gut.

Die Ausgabe dieses einmaligen Aufrufs ist vermutlich die Ausgabe der Konsole, die du zeigst.

Console:

setTempo
setTempo=[1.0]

• Was passiert, wenn du die „Tempo-Schiebefläche“ betätigst?
• Wie sieht überhaupt deren HTML-Struktur aus?
• Was wird im Element mit der ID „tempoID“ angezeigt?
• Wie sieht die HTML-Struktur des Elements mit der ID „tempoID“ aus?
• Woher kommen die Arrays arr_ausgewaehlte_videos und arr_ausgewaehlte_audios und was beinhalten sie real?

function setTempo() {
  console.log("setTempo");
  var tempo = document.getElementById("tempo").value;
  console.log("setTempo=[" +tempo +"]");
  document.getElementById("tempoId").textContent = "Tempo " +Number.parseFloat(tempo).toFixed(1);
  for ( let i=0; i < arr_ausgewaehlte_videos.length; i++ ) {
    arr_ausgewaehlte_videos[i].playbackRate  = tempo;
  }
  for ( let i=0; i < arr_ausgewaehlte_audios.length; i++ ) {
    arr_ausgewaehlte_audios[i].playbackRate  = tempo;
  }
  return false;
};

Tschö, Auge