Как передать текст из формы в стили?

Question

[Роман Тузов]

Как передать текст с помощью поля input стили для блока/текста? Есть ли способ передачи с помощью js?
Пример:

<!-- от сюда нужно взять значение -->
<input type="text" name="padding" id="padding">
<!-- а сюда (в паддинг) вставить -->
<div style="padding:  ....  " id="messageBox"></div>

Answer 1

[Simkav]

Style
value
Взять value инпута и установить через style
el.style.padding = el.value

Comments

[Роман Тузов]

Спасибо!

[Роман Тузов]

Я не пойму как взять value. Его можно поставить только с самого начала, но как взять введённое в поле значение?

[Simkav]

Роман Тузов,
querySelector
document.getElement...(byId)

const input = document.getElementById('padding')
console.log(input.value)

[Softlink]

Роман Тузов, https://jsfiddle.net/u0mx89r7/

[Роман Тузов]

Simkav, оно выводит value, но только заданное с самого начала. А мне нужно, чтобы пользователь ввёл значение и тогда использовалось. Т.е. value должно установиться после ввода текста в input

[Simkav]

Роман Тузов, Оно выводит текущее value, ваша проблема скорее всего в том что ваш скрипт срабатывает сразу же и один раз, вам нужен change event