Как создать параметры для текста в JS

В первом input user пишет что то и при нажатии на publish отображается результат в h1 во втором input пишется размер текста например 15px в третьем - font-family в четвертом - цвет текста в пятом - background-color нужно чтобы при клике set styles эти параметры применились к h1введите сюда описание изображения


Ответы (1 шт):

Автор решения: Alex Sazonov

let h = document.getElementById('h');
let fs = document.getElementById('font-size');
let fc = document.getElementById('font-color');
let btn = document.getElementById('apply');

btn.addEventListener('click', () => {
  h.style.fontSize = `${fs.value}px`;
  h.style.color = fc.value;
});
<h1 id="h">Text</h1>
<input id="font-size" placeholder="size"/>
<input id="font-color" placeholder="color"/>
<button id="apply">Apply</button>

Такая примерно логика.

→ Ссылка