Почему этот код JavaScript не работает?

Question

http://jsfiddle.net/FZQuM/2/

Я хочу, чтобы div 'divi' показывал, что находится в поле ввода 'hitbox'.

РЕДАКТИРОВАТЬ : действительно не сложно разместить этот код здесь, особенно если он такой короткий

document.getElementById('hitbox')
    .onchange(document.getElementById('divi')
               .innerHTML = document.getElementById('hitbox').value;

Answer 1

Нативное событие onchange не работает как его аналог jQuery.

Использование

document.getElementById('hitbox').onchange = function() { ..... }

Answer 2

onchange сработает только после того, как текстовое поле потеряет фокус - чтобы увидеть его "вживую", используйте что-то вроде onkeyup event:

document.getElementById('hitbox').onkeyup = function() {
    document.getElementById('divi').innerHTML =this.value;
};

(Вы также можете использовать this в обработчике событий)

Контрольный пример: http://jsfiddle.net/FZQuM/10/

Answer 3

Используйте свойство value вместо текста.И использовать событие onchange как свойство, а не как onchange ()

http://jsfiddle.net/FZQuM/3

Answer 4

Используйте .value вместо .text

И я сделал это анонимной функцией:

document.getElementById('hitbox').onchange = function () {document.getElementById('divi').innerHTML = this.value};