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

Question

[Andrej]

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

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

Comments

[WbICHA]

Комментировать такой "вопрос", только портить.)

[Andrej]

WbICHA, Ну да, ты ж наверно сразу гением родился.... Мне решение нужно, а не пустопорожнее словоблудие балабола...

[WbICHA]

Andrej,

Мне решение нужно

Рад, что ты это сам понимаешь. Только вот ты ошибся с сервисом, это сайт вопросов-ответов. А сервис решения задач находится здесь: https://freelance.habr.com/

[WbICHA]

Andrej, и совет на будущее, домашку стоит делать заранее.)

[Виктор Кожухарь]

Andrej, Ради интереса взял и ввёл ваш вопрос в ChatGPT.
Получил развернутый ответ с подробными комментариями...
Именно это справедливо не понравилось комментатору. Потому что люди не любят помогать тем, кто не хочет даже палец о палец ударить самостоятельно

[Andrej]

WbICHA, балабол потеряйся. С тебя пользы 0. Когда люди просят помощи, нормальные им по возможности помогают. а такие как ты - бесполезный мусор, что в жизни, что в инете.

[WbICHA]

Виктор Кожухарь,

Ради интереса взял и ввёл ваш вопрос в ChatGPT.

Аналогично. Элементарная типовая задачка.
И этот метод банально быстрее, чем задать здесь вопрос и ждать ответа (который всё равно не поможет, судя по комментарию к ответу).

[Andrej]

Виктор Кожухарь, также ради интереса, там ответа я не нашел. Если у Вас есть решение, ознакомьте с ним, если вам просто скучно в ночи, не тратьте понапрасну и свое время и мое. Заранее спасибо!

Answer 1

[lavsemen]

const input = document.querySelector('input');
const textField = document.querySelector('div'); // класс html элемента в который необходимо вывести текст

input.addEventLisener('input', (event) => {
 textField.innerText = event.target.value
})

Comments

[Andrej]

Спасибо Вам! А html код какой написать? Помогите пожалуйста, если Вам не сложно.