Как получить значения всех data атрибутов?

Question

[Norwood]

Не получается получить все значения из data-name. Только первое значение работает. Может кто подскажет?

<div class="letters">
        <button class = "let" data-name='q'>q</button>
        <button class = "let" data-name='w'>w</button>
        <button class = "let" data-name='e'>e</button>
        <button class = "let" data-name='r'>r</button>
        <button class = "let" data-name='t'>t</button>
        <button class = "let" data-name='y'>y</button>
      </div>

Answer 1

[Александр]

const values = [...document.querySelectorAll('[data-name]')].map(entry => entry.dataset.name);

Comments

[Norwood]

не могли бы вы пояснить вот этот кусочек кода entry => entry

[Александр]

Norwood, Это стрелочная (лямбда) функция. map итерирует массив, создавая в итоге новый. Новым массив будет заполнен data-name каждого элемента. А entry просто название переменной.