Как с помощью JS менять CSS свойства?

Не обязательно через style делать, можно добавлять ему классы, которые уже заранее прописаны у вас в style.css.

Делается это так:

1) let perem = document.querySelector(".head-title");

2) perem.classList.add("red", "wrapped");

По итогу получим <h2 class="head-title red wrapped">Мой h2</h2>

Можно такде удалять с помощью Element.classList.remove("red");

Тогда получим в итоге <h2 class="head-title wrapped">Мой h2</h2>

Самый надежный способ узеать css свойство в javascript - использовать метод getComputedStyle, а поменять - свойство style элемента DOM. Например, чтобы поменять фоновый цвет всей страницы на красный, можно написать document.body.style.color = '#ff0000';

Также вы можете подключить jQuery фреймворк. и уже с его помощью менять css значения.

например $('наш селектор').css('что меняем', 'на что меняем')