Как сделать смену фона при клике?

Question

[inftsukuyomi]

Как сделать смену фонового изображения body при клике, а при втором нажатие он бы менялся обратно.

Answer 1

[Тигран Абрамян]

JSFiddle

Comments

[inftsukuyomi]

Можно ли подобное реализовать без кнопки, а просто нажатием в любом месте?

[Тигран Абрамян]

inftsukuyomi, конечно можно

[inftsukuyomi]

TAbrahamyan, спасибо

Answer 2

[frontend queen]

Один из вариантов: по событию клика тугглить класс с различными фоновыми изображениями.

Пример

Comments

[inftsukuyomi]

А как при этом варианте добавить 3 картинку?

[frontend queen]

inftsukuyomi, чтобы не плодить лишние классы, можно в js генерировать урлы картинок, а там уже проставлять по клику.

Пример

[inftsukuyomi]

Аркадий Раковский, Спасибо!

Answer 3

[Alex]

1. Вешаете обработчик клика
   
2. В обработчике проверяете какой фон сейчас установлен
   
3. Устанавливаете второй
   

https://developer.mozilla.org/ru/docs/Web/API/HTML...