vanaf1979

<?php
final class RenderedBlocks {

    /**
     * instance.
     *
     * @var RenderedBlocks $instance class instance.
     */
    private static $instance = null;

vanaf1979

<div class="box"></div>
<button id="addClass">Add active class</button>
<button id="removeClass">Remove active class</button>
<button id="toggleClass">Toggle active class</button>

vanaf1979

<div class="box"></div>
<button id="addClass">Add active class</button>
<button id="removeClass">Remove active class</button>

vanaf1979

<div class="box"></div>
<button id="addClass">Add active class</button>

vanaf1979

console.log( element.className );

vanaf1979

element.classList.contains("classname");

vanaf1979

const box = document.querySelector(".box");

const toggleButton = document.querySelector('#toggleClass');

toggleButton.addEventListener('click', () => {
  
  box.classList.toggle("active");
  
});

vanaf1979

element.classList.toggle("classname");

vanaf1979

const box = document.querySelector(".box");

const removeButton = document.querySelector('#removeClass');

removeButton.addEventListener('click', () => {
  
  box.classList.remove("active");
  
});

vanaf1979

element.classList.remove("classname");