Как узнать что все объекты нажаты?

134

15 июня 2019, 08:00

Есть объекты div с id. Как узнать что все объекты нажаты?

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());

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/>

Создание интернет-магазина посуды в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Работа с input type=“text”

Требуется из input type="text" взять введенное пользователем значение и, по клику на кнопку, добавить к элементу с помощью JavaScriptПытался через onClick="document

144

javascript