JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <button onclick="addToCache(this)">Do Delete 1</button>
</div>
<div>
    <button onclick="addToCache(this)">Do Delete 2</button>
</div>
<div>
    <button onclick="addToCache(this)">Do Delete 3</button>
</div>
<div>
    <button onclick="addToCache(this)">Do Delete 4</button>
</div>
<div>
    <button onclick="addToCache(this)">Do Delete 5</button>
</div>
<div>
    <button onclick="addToCache(this)">Do Delete 6</button>
</div>
<br>
<br>
 <br>
     <button onclick="doDeleteCache()">Delete Red Buttons</button>

JavaScript

var deletionCache = [];

function doDeleteCache() {
    for (var i = 0; i < deletionCache.length; i++) {
        elem = deletionCache[i];
    	elem.parentNode.removeChild(elem);
    }
    deletionCache = [];
}

function addToCache(elem) {
    deletionCache.push(elem);
    elem.style.color = "red";
}