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

У меня есть код, мне надо что бы он срабатывал когда вводишь текст в 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();
  • Вопрос задан
  • 577 просмотров
Решения вопроса 1
@SeltonSoer
У тебя лисенер не будет работать, если ты его привязываешь к блоку с display none.
PS: Кстати, ошибка консольная скорее всего в этом:
var varChat = d.getElementById("chat");
d.addEventListener('keydown', pressKey);
а надо
var varChat = d.getElementById("chat");
varChat.addEventListener('keydown', pressKey);
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
xEpozZ
@xEpozZ
Веб-разработчик
Uncaught ReferenceError: chatinput is not defined at rain-script.js:66
Вот и ошибка. Что она значит?

P.S. Переведите, для начала.
P.S.S. А потом смотрите, что пишете
P.S.S.S. А если вообще никак, то скачайте WebStorm, он покажет все
Ответ написан
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Нужно
<form id = 'chatinput'>
сделать
<form id="chatinput">
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы