❓ Зачем используется метод querySelector() в JavaScript и когда его применять?

Метод querySelector() возвращает первый элемент, соответствующий указанному CSS-селектору. Это удобный способ быстро получить доступ к нужному элементу в DOM.

✅Пример:

const title = document.querySelector(".title");
title.textContent = "Hello, World!";

📌В этом примере querySelector() находит элемент с классом title и меняет его текст.

querySelector() удобно использовать при работе с формами, кнопками, модальными окнами и любыми элементами интерфейса. Он поддерживает все CSS-селекторы (.class, #id, tag[attr=value]) и делает код лаконичным по сравнению с устаревшими методами вроде getElementById().