JSFiddle - React, Tailwind, and code Playground

by Markov88

HTML

<div class='not-pizza'>

</div>

<div class='pizza'>

</div
><div class='pizza'>

</div>
<div class='pizza'>

</div>

CSS

.pizza{
  width:20px;
  height:20px;
  background:red;
  margin:1rem;
}


.not-pizza{
  width:20px;
  height:20px;
  background:blue;
  margin:1rem;
}

.d-none{
  display:none;
}

JavaScript

let pizzas = document.querySelectorAll('.pizza');
 
pizzas.forEach( pizzaElement => pizzaElement.classList.add('d-none') );