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

Question

[Олег Ким]

Здравствуйте, у меня есть такой вопрос: как создать событие, чтобы при клике на кнопку в слайдере менялся
фон сайта - то есть вот такой (background:url(../.jpg);).
Я имею ввиду, что при каждом событии при клике менялся бы фон jpg.
Подскажите, пожалуйста.

Answer 1

[Ivan]

div onclick="foo()" click me /div

Comments

[Олег Ким]

можете подробнее подсказать как и куда прописывать?
например в кнопку какое событие и в другой div какое событие?

[Ivan]

в кнопку событие onclick и в нем описываете функцию, которая меняет style для body, грубо говоря меняеться только url в style

[Олег Ким]

vanya Huk, можете расписать тегами всё я что-то туплю?

[Ivan]

Олег Ким,

<script>

function my_foo(){

$('body').css('background', 'url(/путькновомуфайлу)');

}
</script>

<div onclick="my_foo()">
click
</div>

[0ffff0]

vanya Huk,

$('body').css('background', 'url(/путькновомуфайлу)');

лучше этого не делать, не обращаться напрямую к цссному свойству а менять через классы
$('body').classList.remove('back1','back2');

Answer 2

[msdosx86]

const button = document.getElementById('btn');
button.addEventListener('click', () => {
  document.body.style.background = 'url';
});