Fixed the JavaScript Problem AddEventListener is not a function while adding like open.addEventLister(‘click’ ()=> {})

No. 1 First check your spelling on the name of add event listener write like addEventListener

No.2 Do not use querySelecterAll() Only use querySelector() if you want to use querySelectorAll then first loop each DOM and add an event on the just particular DOM

No.3 Use your JavaScript link on the Footer of your HTML code.

I hope you have solved the AddEventListener is not a function error problem.