Как вставить переменную js в html?

Question

[Константин]

Как реализовать такой скрипт на js + html?

1) Вводим в текстовое поле текст.

2) Введенное значение вставляется ниже в html текст.

Comments

[Andrew]

Оно должно мгновенно вывестись(сразу после ввода) или когда?
От этого зависит на какое событие будете вешать обработчик
Гуглить "keyUp js"

[Константин]

Andrew, мгновенно)

[Pavel]

Вам бы про основы JS почитать

[VegasChickiChicki]

А потом узнает про Vue или React и будет шокирован.... :D

[Константин]

VegasChickiChicki, уже наслышан)) но пока далек от этого мира, может через годик и пойму немного как оно устроенно))))))

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/bmcwha46/

<input type="text">
Здравствуйте, <span></span>

const input = document.querySelector('input');
const span = document.querySelector('span');

input.addEventListener('input', (e) => {
	span.innerHTML = e.target.value;
});

Comments

[Константин]

подскажите, а как вывести одно значение инпута в двух местах?

Если я впишу так

Здравствуйте,
Здравствуйте,

То одно из них не отображается уже

[Алексей Ярков]

Константин,

const переменная = document.querySelector('нужный вам селектор');
переменная.innerHTML = e.target.value;

Answer 2

[alex]