There are div objects with id . How to know that all objects are pressed?

 document.getElementById("keranim").addEventListener("click", ker()); document.getElementById("menanim").addEventListener("click", men()); document.getElementById("womenanim").addEventListener("click", women()); document.getElementById("flameanim").addEventListener("click", flame()); document.getElementById("keranim").addEventListener("click", eye());

    1 answer 1

     var ids = ["keranim", "menanim", "womenanim", "flameanim"]; var clicked = []; document.querySelectorAll("#" + ids.join(",#")).forEach( i => i.addEventListener("click", function(e){ if (!clicked.includes(this.id)) { clicked.push(this.id); if (clicked.length == ids.length) { console.log("all have been clicked"); } } } )); 
     <button id="keranim">keranim</button><br/> <button id="menanim">menanim</button><br/> <button id="womenanim">womenanim</button><br/> <button id="flameanim">flameanim</button><br/>