// Создаем новый элемент div
const newDiv = document.createElement('div');
// Добавляем элемент в DOM
document.body.appendChild(newDiv); 
// Удаляем элемент
newDiv.remove();

// Добавляем класс
header.classList.add('highlight');
// Удаляем класс
header.classList.remove('highlight'); 
// Переключаем класс
header.classList.toggle('highlight');

// Получаем значение
const inputValue = document.querySelector('input').value;
// Устанавливаем значение
document.querySelector('input').value = 'Новое значение';

Ссылочка на видео: YouTube 🖤

Значение атрибута for должно совпадать с id связанного элемента, что улучшает доступность и удобство взаимодействия с формами.

• normal — по умолчанию, длинные слова или строки с неразрывным пробелом не переносятся, даже если выходят за границы.

• break-all — при достижении границы, перенос строки будет вставлен между любыми двумя символами.

• keep-all — перенос строки не будет использован в тексте на китайском, японском или корейском языках.