Отслеживание ввода символа в textarea через JS?

Question

[Богдан Кучерук]

Как отслеживать с помощью JS введение символа в textarea?
Есть код:

<textarea type="text" class="textarea" name="name" id="name" value=""></textarea>
<div id="res"></div>

Как сделать так, чтобы например при вводе хотя-бы одного символа в textarea блок "res" изменял свою высоту на 10px?

Answer 1

[Сергей delphinpro]

Прослушивать событие input

const ta = document.getEleentById(...);
ta.addEventListener('input', event => {

  console.log(event.target.value);

});

Comments

[Богдан Кучерук]

spoiler

Спасибо

Answer 2

[zkrvndm]

<textarea oninput="document.querySelector('#res').style.height = '10px';" type="text" class="textarea" name="name" id="name" value=""></textarea>
<div id="res"></div>