Website: The Audio Player

20. The Audio Player

Because audio simply can’t be styled with CSS alone..

Mentor Morrigan

Morrigan snaps her fingers, and a scroll filled with JavaScript lands in front of you.
“Audio files…” She casts a disapproving glance at the various browsers.
“With CSS alone, you won’t get far here. Browsers have their own ideas — and I don’t accept that.”

Your task

Hier hast du die Code-Snippets:

JavaScript

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

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

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

Insert it into your HTML and style it properly —
with icons, so it doesn’t look like we dragged it out of some dusty old archive.

First change the HTML, then insert the JavaScript code –
otherwise your editor will throw a tantrum and you won’t see any changes.

Solve the task here in the console [–> Open in a new tab]