'모달창 띄우기' 관련하여 질문 드립니다.

[오송미]

안녕하세요.
모달창만들기와 간단한 애니메이션 강의 중 모달창 띄우기와 관련하여 질문 드립니다.
-> inex.html 

-> style.css

-> index.js
강의 내용을 바탕으로 활용하여 위와 같이 코드를 짜 봤는데요.
html 파일의 15번째 줄에 있는 '구독하기' 버튼 클릭 시, 17번째 줄에 있는 모달창이 띄워지도록 하기위해 
js 파일에 getElementsByClassName에 이벤트를 실행하고자 하는 class명을 적고 addEventListener를 실행하도록 코드를 짰는 데, 

Cannot read properties of undefined (reading 'addEventListener')
라는 오류가 나타나서 문의드립니다. 어떻게 해결하면 좋을까요?
class명과 다른 오타는 아무리봐도 없는 거 같은 데 뭐가 문젤까요?!

[codingapple]

자바스크립트 파일 첨부한 곳이 한 곳 더 있거나 그럴 수도 있습니다 
아니면 경로가 잘못되었을수도요

[오송미]

강사님께서 말씀하신 부분을 다시 살펴봤는 데, 파일 첨부한 곳이 한 곳 뿐이며, 경로 확인해 본 결과 이상없는 것으로 확인되었습니다.

https://codepen.io/sso123/pen/yLKrqaM 
혹시 질문에 대한 답변에 도움이 될까하여 Codepen에 코드를 첨부해서 올려봅니다.

[codingapple]

.show-modal을 더 밑으로 옮깁시다

[오송미]

.show-modal이 .modal 보다 위에 있어 그런 거 군요!

 감사합니다.

[글쓴이]

글