Изменение поля в зависимости от input?

Как можно сделать, чтобы при вводе в input сразу же выводились изменения без нажатия кнопки? Примерно как на сайте https://passwordsgenerator.net/md5-hash-generator/
  • Вопрос задан
  • 69 просмотров
Решения вопроса 2
bootd
@bootd Куратор тега jQuery
Гугли и ты откроешь врата знаний!
использовать событие input или change, внутри функции выводить нужные вам значение в зависимости от вашей логики
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега JavaScript
I will live forever in the flame of your eyes.
<!-------- собственно говоря это сам input  -------->

<input class="input" type="text">

<!-------- элемент в который будут выводиться данные введённые в input  -------->

<p class="element"></p>


const input = document.querySelector(".input");
input.addEventListener("keyup", function (e) {
  const element = document.querySelector(".element");
  element.textContent = e.target.value;
});


Или можно заменить событие keyup на input:

const input = document.querySelector(".input");
input.addEventListener("input", function (e) {
  const element = document.querySelector(".element");
  element.textContent = e.target.value;
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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