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

спасибо чувак

Немного красивее и компактнее: [1,2,3,4,5,6,7,8].sort(() => Math.random() - 0.5)

2bllk, внутри сорт что нужно написать?

Toasty, что написано, то и надо написать

2bllk,
var navbutton = document.querySelector('.nav_item');

navbutton.onclick = function(){
['img/bird.png','img/chineese.png','img/phone.png','img/statue.png','img/stork.png','img/tree.png','img/water.png']
.sort(() => Math.random() - 0.5)
}

???

Toasty, сохранить новый рандомный массив и перерисовать

Toasty, я понял, к чему Вы клоните. Вам предложили решение конкретной задачи с перемешиванием массива картинок. А Вы желаете все решение полностью. Я могу только намекнуть. Вам необходимо пробежаться циклом по DOM-элементам, которые будут являться картинками (например, тегам img) и, перебирая массив ссылок, каждому элементу img присвоить свойство src, значение которого берется из массива. И все это каждый раз выполняется при нажатии на кнопку

Не могу протестировать, т.к. со смартфона сложно

<img src="1.jpg" class="img_edge">
<img src="1.jpg" class="img_edge">
<img src="1.jpg" class="img_edge">

var navbutton = document.querySelector('.nav_item');

navbutton.onclick = ()=>{
let imgURLs = ['img/bird.png','img/chineese.png','img/phone.png']
.sort(() => Math.random() - 0.5);
let imgs = document.getElementsByClassName("img_edge");
for (let i in imgs)
imgs[i].src = imgURLs[i];
}