Как сделать автоматическое отображение введенного текста в форме на другое место?

Question

[Сергей]

Как сделать, чтобы когда заполняешь форму (слева), то автоматически при печатании это всё отображалось в карточке (слева). Ну по скрину я думаю все понятно. Спасибо.

Answer 1

[eRKa]

На каждый текстбокс вешаешь обработчик события "textInput input", снимаешь с него значение и вставляешь в соответствующее поле карточки. Не проверял, но что-то подобие этого

$("#name").on("textInput input", function (e) {
    var val = $(this).val();
	$("#nameCard").text(val);
});

Answer 2

[alvvi]

В самом примитивном варианте:

const $namePreview = $('.preview-card__title') 
const $nameInput = $(".input#name")
$nameInput.on('input', e => $namePreview.text( e.currentTarget.value ))

Answer 3

[Андрей Привалов]

Использовать, например, VueJS. Его реактивность позволяет сделать это абсолютно элементарно.
У них на сайте есть русская документация, есть примеры