Кнопка js которая меняет фон блока
Здравствуйте, задался вопросом как сделать одну кнопку которая поочередно меняет фон(картинка png) блока, тоесть по умолчанию стоит один фон, при нажатии меняеться на другой, при следующем на след , и так 10 раз, помогите написать скрипт, буду благодарен
|
<button type="button" id="change-wallpaper">Change wallpaper</button>
<script>
(function() {
const wallpapers = [
'https://www.cats.org.uk/uploads/images/featurebox_sidebar_kids/grief-and-loss.jpg',
'https://3c1703fe8d.site.internapcdn.net/newman/gfx/news/hires/2017/docatspurrwh.jpg'
];
let current = -1;
document.querySelector('#change-wallpaper').addEventListener('click', function() {
if (!wallpapers[++current])
current = 0;
document.body.style.backgroundImage = 'url(' + wallpapers[current] + ')';
});
})();
</script>
|
Большое спасибо, но можна так что бы div менял фон, а не body
|
замените document.body на document.querySelector('div')
|
| Часовой пояс GMT +3, время: 10:15. |