Felix Riesterer: JavaScript Array

Beitrag lesen

Lieber Rolf,

Das shuffling ist ein Vierzeiler (der zum oben gezeigten HTML passt und bei anderem HTML natürlich angepasst werden muss). jQuery? Pffft…

man sammelt die Knoten in einem Array, die es zu shufflen gibt, mischt dieses und hängt anschließend die Knoten wieder in ihr ursprüngliches Elternelement ein. Das tut man der Reihe im Array nach.

<script type="module">
  const gallery = document.getElementById("galerie"),
        nodes = gallery.getElementsByTagName("li");

  nodes.shuffle();

  nodes.forEach(n => n.parentNode.appendChild(n));
</script>

Liebe Grüße

Felix Riesterer