Website: Der Audio-Player

20. Der Audio-Player

Weil man Audios einfach nicht mit CSS gestalten kann.

Mentorin Morrigan

Morrigan schnippt mit den Fingern, und ein Pergament mit JS-Code landet vor dir. „Audio-Files…“ Sie wirft einen missbilligenden Blick auf die verschiedenen Browser. „Mit CSS allein kommst du hier nicht weit. Die Browser haben da ihre eigenen Vorstellungen, und das akzeptiere ich nicht.“

Deine Aufgaben

Hier hast du die Code-Snippets:

JavaScript

const x = document.getElementById("myAudio");

function playAudio() {
    x.play();
}

function pauseAudio() {
    x.pause();
}

Binde das HTML, CSS und JavaScript richtig ein.
Im Live-Editor musst du zuerst das HTML einbinden, dann das CSS und ganz zum Schluss das JavaScript – sonst funktioniert es nicht 😉

Ändere zuerst das HTML und füge danach den JavaScript-Code ein, sonst zickt dein Editor und du siehst keine Änderung

Löse die Aufgabe hier in der Konsole [–> im neuen Tab öffnen]