ZIROKUL
@ZIROKUL

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

Приветствую!

Подскажите есть form и в ней есть поля текстовое с телефоном как сделать так что бы при вводе данных в форму они про дублировались в другом месте на странице скажем внизу страницы сайта.
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
<form>
  <div><input data-output="#output1"></div>
  <div><input data-output="#output2"></div>
  <div><textarea data-output="#output3"></textarea></div>
</form>

<div id="output1"></div>
<div id="output2"></div>
<div id="output3"></div>

document.querySelector('form').addEventListener('input', ({ target: t }) => {
  const output = document.querySelector(t.dataset.output);
  if (output) {
    output.innerHTML = t.value;
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы