Почему находит только самый первый дата атрибут, когда в элементе их больше?

Question

[AndreyVolkov72]

Есть элемент, в котором есть два дата атрибута с одним именем, но разным значением, когда ищу в JS с помощью dataset, то находит только первый дата атрибут.
Почему и как фиксить, или как изначально делать правильно?
HTML

<div class="content-item" data-filters="Bluetooth" data-filters="google-assistant"></div>

JS
console.log(card.dataset.filters);

Comments

[Lynn «Кофеман»]

Не делать атрибутов с одним именем.

Answer 1

[aidarDev]

попробуй сделать 1 data-filters, и в него через запятую вписать все нужные значения, потом с помощью js их перевести в массив.

<div class="content-item" data-filters="Bluetooth,google-assistant"></div>

console.log(card.dataset.filters.split(','));