offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
21 of 73 menu

Применение деструктуризации ES6 в слайдере картинок

Пусть у мы хотим сделать слайдер из 3-х картинок, последовательно сменяющих друг друга. Применение ES6 деструктуризации позволит изящно решить эту задачу.

Исходники кода

<img src="images/1.png"> <img src="images/2.png"> <img src="images/3.png"> let img = document.querySelectorAll('img'); setInterval(function() { [img[0].src, img[1].src, img[2].src] = [img[1].src, img[2].src, img[0].src]; }, 1000);

Смотрите также