Не работает document.querySelectorAll. Почему?
querySelectorAll возвращает массив(точнее коллекцию элементов), и вы массиву пытаетесь назначить событие.
Событие нужно назначать каждому элементу массиваconst modalBtns = document.querySelectorAll('.modal-btn li');
modalBtns.forEach(b=>b.addEventListener('click', openModal));
Нельзя размещать несколько одинаковых id в пределах одного DOM-дерева (на одной странице, грубо говоря).
Научитесь в traversing.
вот вам пример, где каждая кнопка работает со своим блоком, но в коде вообще нет никаких ID.snippet