Урок 12 · JavaScript

querySelector находит один узел, querySelectorAll — список

Скрипт работает с элементами, которые уже размечены. Искать лучше по id или классу роли, а не по случайному тегу.

Почему это следующий шаг

Консоль показывает ошибки. Теперь скрипт должен стабильно находить свои узлы.

Как сделать

id уникален, поэтому им берут главную кнопку или форму. Классом берут все карточки. querySelectorAll возвращает коллекцию: её можно обойти через for...of. Не ищи заново один и тот же узел в каждом обработчике, если он не создаётся динамически. Если узла нет, прекрати работу этого куска, а не падай на всей странице.

const form = document.querySelector("#order");
const cards = document.querySelectorAll(".card");
for (const card of cards) {
  card.dataset.ready = "yes";
}

Что проверить

• Селектор находит то, что нужно, и в консоли видна длина списка.
• Чужие абзацы не попали в выборку.
• Повторный запуск не копирует обработчики просто потому, что ты обновил файл.