Answers for "js css class add"

vanilla javascript add class

document.addEventListener("DOMContentLoaded", function() {
  var faqContainers = document.getElementsByClassName('faq-container')
  var faqToggle = document.getElementsByTagName('body')[0]
  for (var i = 0; i < faqContainers.length; i++) {

    faqContainers[i].addEventListener('click', function() {
      if (faqToggle.classList.contains('faq-display')) {
        faqToggle.classList.remove('faq-display')
      } else {
        faqToggle.classList.add('faq-display')
      }
    })
  }
})

how to add a class to an element in javascript

// This is to add a class to any html element after you store it
// in the element variable 

element.classList.add("my-class-name");

// This is to remove a class from the element

element.classlist.remove("my-class-name");