Кнопка js которая меняет фон блока

[Владислав Star]

Здравствуйте, задался вопросом как сделать одну кнопку которая поочередно меняет фон(картинка png) блока, тоесть по умолчанию стоит один фон, при нажатии меняеться на другой, при следующем на след , и так 10 раз, помогите написать скрипт, буду благодарен

[Nexus]

<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>

[Владислав Star]

Большое спасибо, но можна так что бы div менял фон, а не body

[j0hnik]

замените document.body на document.querySelector('div')