How to get the values ​​of all data attributes?

Question

JavaScript

Can't get all values ​​from data-name. Only the first value works. Maybe someone will tell?

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