Как отследить значение input js?

Question

[Даня Удудяк]

У меня есть код, мне надо что бы он срабатывал когда вводишь текст в input и жмешь Enter(И что бы была проверка, тот ли текст введен). Этот код почему то не работает(Ошибка 'Uncaught ReferenceError: chatinput is not defined at rain-script.js:66'):
HTML:

<div id="chat" style="display: none;"><form id = 'chatinput'><input type="text" name="chat"></form></div>

CSS:

#chat {
    position: absolute;
    bottom: 1px;
}

JS:

var varChat = d.getElementById("chat");
d.addEventListener('keydown', pressKey);
function pressKey(event) {
	var key = event.keyCode;
	if (key == 84) { //Button 'T'
		chat.style.display = 'inline';
	}
	else if (key == 13) {
		chat.style.display = 'none'; //Enter
	}
}
var varInput = d.getElementById('chatinput');
if (chatinput.value == '/weather clear') {
    var ctx = 0
}

pressKey();

Answer 1

[SeltonSoer]

У тебя лисенер не будет работать, если ты его привязываешь к блоку с display none.
PS: Кстати, ошибка консольная скорее всего в этом:
var varChat = d.getElementById("chat");
d.addEventListener('keydown', pressKey);
а надо
var varChat = d.getElementById("chat");
varChat.addEventListener('keydown', pressKey);

Answer 2

[Дмитрий Дерепко]

Uncaught ReferenceError: chatinput is not defined at rain-script.js:66
Вот и ошибка. Что она значит?

P.S. Переведите, для начала.
P.S.S. А потом смотрите, что пишете
P.S.S.S. А если вообще никак, то скачайте WebStorm, он покажет все

Comments

[Даня Удудяк]

А можете подсказать в чем пробема, просто реально спешу не до установки WS?

[Даня Удудяк]

Переменная еще не обьявлена: но я не пойму в чем проблема?

[Даня Удудяк]

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

Answer 3

[Антон Усачев]

Нужно
<form id = 'chatinput'>
сделать
<form id="chatinput">

Comments

[SeltonSoer]

Разницы никакой нет :)