JSFiddle - React, Tailwind, and code Playground

by Sherali Turdiyev

HTML

<div class="connected">Hello</div>
<div class="connected">Hello</div>
<div class="connected">Hello</div>
<div class="connected">Hello</div>
<div class="connected">Hello</div>
<button id="demo">Remove the classes!</button>

CSS

.connected {
    color:red
}

JavaScript

document.getElementById("demo").onclick = function () {
    var prev_connected = document.getElementsByClassName("connected");
    console.log(prev_connected);
    for (var i = prev_connected.length-1; i >= 0; i--) {
        prev_connected[i].classList.remove("connected");
        console.log(i, prev_connected[i - 1]);
    }

}