JSFiddle - React, Tailwind, and code Playground

HTML

<button id='button'>clic me</button>
<div id='parent'>
  <div class='toto'>1</div>
  <div class='toto'>2</div>
  <div class='toto'>3</div>
  <div class='toto'>4</div>
  <div class='toto'>5</div>
  <div class='toto'>6</div>
  <div class='toto'>7</div>
  <div class='toto'>8</div>
  <div class='toto'>9</div>
  <div class='toto'>10</div>
</div>

CSS

div{
  border: 1px solid red;
  padding: 20px;
  margin-bottom: 10px;
}

JavaScript

function click(){
  var button = document.getElementById('button');
  button.addEventListener('click', function(){
    var all = document.querySelectorAll('.toto');
    var l = all.length;
    for(let i = 0; i < l; i++ ){
      setTimeout(function(){
        all[i].parentNode.removeChild(all[i]);
      }, 1000 * i)
    } 
  })
}

click()