Как сделать рандомное количество картинок?

Question

[WoodyAndBuzz]

Как сделать при нажатии на кнопку чтобы несколько картинок рандомно менялись.

<div class="image">
                <img class="jpeg" src="../home/lamp-1.jpeg" alt="lamp-1">
                <img class="jpeg" src="../home/lamp-2.jpeg" alt="lamp-2">
                <img class="jpeg" src="../home/lamp-3.jpeg" alt="lamp-3">
                <img class="jpeg" src="../home/lamp-4.jpeg" alt="lamp-4">
                <img class="jpeg" src="../home/lamp-5.jpeg" alt="lamp-5">
                <img class="jpeg" src="../home/lamp-6.jpeg" alt="lamp-6">
                <img class="jpeg" src="../home/lamp-1.jpeg" alt="lamp-1">
                <img class="jpeg" src="../home/lamp-2.jpeg" alt="lamp-2">
                <img class="jpeg" src="../home/lamp-3.jpeg" alt="lamp-3">
                <img class="jpeg" src="../home/lamp-4.jpeg" alt="lamp-4">
                <img class="jpeg" src="../home/lamp-5.jpeg" alt="lamp-5">
                <img class="jpeg" src="../home/lamp-6.jpeg" alt="lamp-6">
            </div>
            <div class="line">
                <a href="#"><img class="jpeg" src="../home/line.png" alt="line"></a>
            </div>

Comments

[edward_freedom]

неужели не нашел этот ответ? Он первый
https://stackoverflow.com/a/7070697

Answer 1

[Artyom]

Как-то так:

const imageWrap = document.querySelector('.image');
const images = imageWrap.querySelectorAll('img');
const tempImages = [...images];

tempImages.sort(() => Math.random() - 0.5);

images.forEach(item => item.remove());
tempImages.forEach(item => imageWrap.append(item));