Как присвоить класс тегу body?

Question

[Minusator]

Данный код добавляет по клику на элемент класс .stories-slider-in

document.querySelectorAll(".demo-stories a").forEach((t, e) => {
    t.addEventListener("click", s => {
        s.preventDefault(), q.classList.add("stories-slider-in"), K.enable(), K.slideTo(e, 0);
       
    })
});

Как добавить тегу body класс .name и убрать его когда нет класса .stories-slider-in?

Благодарю за помошь!

Comments

[4ce]

Minusator
Привет я мимо проходил и осособо не понял вопроса...
тем не менее:
Как добавить тегу body класс .name и убрать его когда нет класса .stories-slider-in?
Это "строка" тернарный оператор (вроде что то похожее на вопрос...)

document.body.classList.contains('stories-slider-in')?
document.body.classList.add('name'):
document.body.classList.remove('name')

Где:

• document.body обратится к тегу body
  
• document.body.classList.contains('stories-slider-in') есть ли у body класс 'stories-slider-in' ?
  
• если да document.body.classList.add('name') добавить body класс 'name' :
  
• во всех остальных случаях document.body.classList.remove('name') убрать у body класс 'name'
  

//или 
document.body.classList.add('name');//добавить в body класс 
if(!document.body.classList.contains('stories-slider-in'))document.body.classList.remove('name');//убрать если нет 'stories-slider-in'

Возможно полезные ссылки:
про classList
https://developer.mozilla.org/ru/docs/Web/API/Elem...
и про тернарный оператор
https://developer.mozilla.org/ru/docs/Web/JavaScri...

P.s. если это помогло то возможно сформулируй ответ самостоятельно чтобы другой читающий увидел ответ...


UPD к моему примеру
вместо:

document.body.classList.contains('stories-slider-in')

наверное лучше использовать:
!!document.querySelector('.stories-slider-in')
(^взято из ответа Stalker_RED )
Так как код вопросе добавляет класс 'stories-slider-in' а вопросе вроде бы было условие есть ли 'stories-slider-in' где нибудь а не обязательно в body ...

~_^ Удачи !

Answer 1

[Stalker_RED]

// определяем есть ли элемент с классом .stories-slider-in
const hasSlider = !!document.querySelector('.stories-slider-in');
// переключаем .name в зависимости от hasSlider
document.body.classList.toggle('name', hasSlider);