Почему не выводится значения data-атрибута при клике на кнопку?

Question

[zanzoS]

<button class="btn-more" data-more="1">подробнее</button>
<button class="btn-more" data-more="2">подробнее</button>
<button class="btn-more" data-more="3">подробнее</button>

const caseBtn = document.querySelector('.btn-more');
for (var i = 0; i < caseBtn.length; i++) {
    var btn = caseBtn[i];
    btn.onclick = function(){
        console.log(this.dataset.more);
    }
}

Comments

[alexalexes]

console.log(this.dataset.more);
Поставьте сюда брейкпоит и посмотрите контекст this. Чем он является?

[ForSureN1]

Во первых querySelectorAll, во вторых

array.forEach(btn => { btn.addEventListener('click', () => { console.log(btn.getAttribute('data-more')) } } )