Как исправить «Uncaught TypeError: learnmore.forEach is not a function»?

Question

[Максим]

Пытаюсь написать функцию вызова модального окна.
html

<div class="description-btn"> Узнать подробнее</div>

JS

let learnmore = document.getElementsByClassName('.discription-btn');
    
    learnmore.forEach(function(el){
        el.addEventListener('click', function(){
        overlay.style.display = 'block';
        this.classList.add('more-splash');
        document.body.style.overflow = 'hidden';  // блокирует скролл body при открытом МО 
        });
    });

Ну и конечно на выходе (даже до клика) имеем ошибку "Uncaught TypeError: learnmore.forEach is not a function". Почему? Как сделать правильно?

Answer 1

[Алексей Попов]

Answer 2

[Anatoliy Putilov]

let learnmore = document.getElementsByClassName('discription-btn');