Почему код не работает?

Question

[hooli-gun]

Почему код не работает при нереносе в wp? В codepen все работает норм, но при переносе на wp в консоли выдает ошибку: Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

<button class="searchRoomsButton__2fSnk mdc-button mdc-button--raised" data-dashlane-rid="2153fe05b1657f55" data-dashlane-label="true" data-form-type="action,search">Знайти номера</button>

document.querySelector('.searchRoomsButton__2fSnk').addEventListener('click', () => { 
  window.scrollTo({
    top: 100,
    left: 100,
    behavior: 'smooth'
  });
});

Answer 1

[Сергей delphinpro]

Наверное класс searchRoomsButton__2fSnk в вордпрессе генерируется рандомно, и скрипт его не находит.

И вообще, было бы не лишним проверку добавить

document.querySelector('.searchRoomsButton__2fSnk')?.addEventListener('click', () => {

или

const el = document.querySelector('.searchRoomsButton__2fSnk');
if (el) {
  el.addEventListener('click', () => {

Comments

[hooli-gun]

Добавил Ваш код, ошибка пропала но все равно не работает. А может бить такое что если этот код генерит стороний модуль, то на него событие не удастся повесить?

[Сергей delphinpro]

hooli-gun, ну конечно не удастся. Класс-то другой каждый раз. Выберите другой селектор.

Answer 2

[bolfduy]

'.searchRoomsButton__2fSnk' не находится