JSFiddle - React, Tailwind, and code Playground

HTML

<button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button><button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Click me</button>
<button class="buddy_blocks">Clicsdfe</button>

<br><br><br><br>
<button id="c">dsfsadfasdfasdfasdf</button>

JavaScript

$("#c").click(function() {
f();
});
function f() {
   x = document.getElementsByClassName("buddy_blocks");
for(i=0;i<x.length;i++)
x[i].remove();
}