По клику на объект определить к какой группе классов он принадлежит?

Question

[Mosapi]

Добрый день
Надеюсь объясню правильно.
На странице есть много объектов создающихся через for:

html = document.querySelector('body');
for(var i = 1; i <= 20; i++){
html.insertAdjacentHTML("beforeend", "<div class='data"+i+"'></div>");
}
...

https://jsfiddle.net/2t96wag8/2/
Необходимо по клику на любой из div определить, что в имени его класса есть словоdata или par или ... и тд. И дальше вывести алерт, что объект принадлежит соответствующему классу.
Без проблем регистрирую клик и получаю класс каждого нажатого объекта, но никак не могу понять, как определить принадлежность к тому или иному классу и вывести алерт.

Answer 1

[0xD34F]

Во-первых - вы не рассказали, зачем вам тут нужны именно классы. А значит - классы вам не нужны. Меняйте на data-атрибут. Например, type (data-type).

Во-вторых:

document.addEventListener('click', ({ target: { dataset: { type } } }) => {
  if (type) {
    console.log(type.replace(/\d/g, ''));
  }
});

Comments

[Mosapi]

Я бы тоже лучше использовал data-атрибут, но таково было задание. Все же, мне помогло ваше решение. Я совсем забыл что можно обрезать не нужное с помощью replace.
https://jsfiddle.net/sL0dkor8/

Answer 2

[dmitry-toster]

если я правильно понял задачу, то можно так
т.е:

const classes = ['data', 'par', 'opt'];
classes.some(c => block.includes(c));

Comments

[Mosapi]

К сожалению, это близко, но не то.