Einfacher Slider - VanillaJs, CSS3, HTML5

[Gunnar Bittersmann]

@@Fred

<script>
const divElement = document.querySelector('div');
const inputElement = document.querySelector('input');
⋮
</script>

<figure>
	<div></div>
	<figcaption>Riesengebirge</figcaption>
</figure>
<input type="range" value="0" min="0" max="100" aria-label="slider"/>

Das Script wird zu einem Zeitpunkt ausgeführt, zu welchem die Elemente, nach denen gesucht wird, noch gar nicht im DOM sind. Dann sollte nicht verwunderlich sein, dass sie nicht gefunden werden.

script ans Ende des body setzen. Alternativ: DOMContentLoaded-Eventhandler.

LLAP 🖖