Почему не меняется цвет из поля?

Question

[LevG0r]

Доброго времени суток! Нужно сделать так, чтобы юзер, вводя название цвета в поле, мог менять его у текста. Код, приведённый ниже, не работает. Почему?

Comments

[DanKud]

Не забывайте пользоваться консолью, там все показывает. У вас просто опечатка.
В строке field = document.getElemntById("field_1"); пропущена буква e - getElementById

P.S. Ну и конечно рекомендую перейти на редакторы кода, которые такие банальные опечатки будут сами подчеркивать, или даже исправлять.

[Ankhena]

https://jsfiddle.net/792m6v8a/

[LevG0r]

DanKud, проблема не в этом, но спасибо. Редакторами кода, кстати, пользуюсь, просто залить надо было куда-то код для удобства.

[LevG0r]

Ankhena, скажите, а почему ваш код работает, а мой нет, хотя по сути всё то же самое происходит?

[DanKud]

LevG0r, в вашем случае проблема именно в этом. Вот ваш код на codepen без опечатки. Другое дело, что jsfiddle некорректно обрабатывает события прописанные атрибутом в самом HTML-тэге. Вам уже написали в ответах и комментариях как лучше вешать события на элементы в самом скрипте, чтобы оно везде корректно работало.

[LevG0r]

DanKud, понял, спасибо

Answer 1

[dollar]

Потому что плохой стиль делать так:
onclick = "func_1()"

Не делайте так. Лучше сделайте по-современному в самом JS примерно так:

document.getElementsByTagName('button')[0].addEventListener('click',func_1);

Ну, можете через поиск по id или как угодно. Суть в том, чтобы не навешивать onclick в html, чтобы всё было вперемешку, а делать скрипты отдельно в секции для скриптов. Ну а html - чисто разметка.