const overlay = document.querySelector('.overlay');

classを指定して要素を取得する際、document.getElementsByClassName('overlay');とする方法もあると思いますが、document.getElementsByClassNameを使用しない理由があれば教えてください。