Мы научились получать значение из поля с ползунком и вывели его на страницу. Но размер шрифта в статье пока не меняется. Чтобы это исправить, возьмём полученное значение и запишем его в стили статьи. Для этого снова используем свойство style.

В CSS за размер шрифта отвечает свойство font-size. В JavaScript нельзя использовать дефисы в названиях свойств, вместо этого для разделения слов используется «верблюжий» стиль. Например:

Получается, чтобы изменить размер шрифта, нам нужно присвоить новое значение свойству fontSize:

let element = document.querySelector('p');

// Зададим абзацу размер шрифта 24px
element.style.fontSize = '24px';

Из поля с ползунком мы получаем число. Но чтобы задать размер шрифта, также нужно указать единицы измерения. В нашем случае это будут пиксели. Используем конкатенацию, чтобы получить правильное значение:

longread.style.fontSize = sizeSetting.value + 'px';

Представим, что пользователь выбрал с помощью ползунка число 16. Тогда в стили элемента запишется результат конкатенации — '16px':

<article class="longread" style="font-size: 16px">

Зададим тексту в статье тот размер, который выбрал пользователь, и убедимся, что настройка работает.