Как сделать обратный отсчет введенных символов в textarea?

Question

[Петр Волханов]

Есть форма для отправки комментария на сайт:

<form action="comments.php" action="post" id="comments">
        <fildset>
          <legend>Отправить комментарий</legend>
          <label for="name"><input id="name" type="text" name="name"></label>
          <label for="email"><input id="email" type="email" name="email"></label>
          <label for="url"><input id="url" type="url" name="url"></label>
          <label for="message"><textarea name="" id="message" cols="30" rows="10"></textarea></label>
          <p>
            <output></output>
          </p>
          <button class="btn btn-primary">Отправить</button>
        </fildset>
      </form>

Задача - когда посетитель наводит фокус на textarea в output, появляется число 500, и с каждым введенным символом уменьшается на единицу, в принципе, задача не сильно сложная. Как лучше реализовать?

Answer 1

[Сергей Протько]

input.addEventListener('keyup', function () {
    span.innerHTML = this.value.length;
})

суть такая.

Answer 2

[Rsa97]

Не забудьте ещё события 'cut' и 'paste', они тоже меняют количество символов

Answer 3

[Никита Баев]

jsfiddle.net/drugoi/a6LDq — это обратный отсчет.
Не сложно будет добавить появление и т.д.