Формы в JS — доступ к элементам форм, чтение и изменение значений полей ввода, атрибут form
Основы DOM-манипуляций: как изменить структуру и стиль элементов страницы с помощью JavaScript
Когда мы создаем веб-страницу, мы не просто пишем HTML-разметку. Мы создаем структуру, с которой пользователь будет взаимодействовать. Но иногда нам нужно изменить эту структуру или внешний вид элементов после того, как страница уже загружена. И вот тут на помощь приходит DOM (Document Object Model). DOM - это модель, которая представляет структуру документа как дерево объектов. И когда мы используем JavaScript, мы можем манипулировать этим деревом: менять текст, добавлять или удалять элементы, изменять стили и многое другое...
Посчитать положение элемента на странице
Про этот метод многие знают, но страница может при загрузке перевести вас куда-нибудь в середину. Поэтому лучше учитывать также положение body и высчитывать разницу. const bodyRect = document.body.getBoundingClientRect();
const elemRect = document...