JSFiddle - React, Tailwind, and code Playground

HTML

<div class='moo'>3</div>
<div class='moo'>3</div>
<div class='moo'>3</div>
<div class='moo'>3</div>
<div class='moo'>3</div>
<div class='moo'>3</div>
<div class='moo'>3</div>
<div class='moo'>3</div>
<div class='moo'>50</div>

<br><br><button id='bubu'>Remove</button>

CSS

div {display:inline-block; color: red; margin: 5px;font-size:30px}

JavaScript

$(document).on('click','#bubu',function(){
  
  var x = document.getElementsByClassName('moo');
  for(var i = 0; i < x.length; i++){
    if( Number(x[i].innerHTML) > 0 ) {
      x[i].innerHTML = Number(x[i].innerHTML) - 1;
    }
    if(Number(x[i].innerHTML) == 0){
      x[i].remove();
    } 
  }
});