Можете помочь исправить код?

Question

[Helig]

Не работает код js.

<input type = "text" style = "width: 100%;" id = "otprav" name = "otprav" />
<button type = "submit" class = "btn btn-default" id = "btnotprav" onclick = "buttonotprav()" style = "width: 100%;" >Отправить</button>

/* Этот кусок не работает */
function buttonotprav () {
var word = document.getElementById("otprav").value;
var otprav = document.getElementById("otprav");
otprav.value = "";
}
                                 /* ----------------- */

if (word == "hello") {
var a = 1;
alert("Работает!");
}

Я пишу в input "hello" и потом должен выводиться "Рботает", но не работает. Хочу сделать диалог с пользователем, но пока проблема в том, что отправляя сообщение ничего не происходит. Выводит ошибку, что word is not defined. Вы моя последняя надежда!

Answer 1

[Stalker_RED]

Проверка if (word == "hello") происходит до того как вы нажали кнопку.
Более того, переменная word объявлена внутри функции, и снаружи не видна (область видимости).

Перенесите проверку внутрь функции или опишите что вы хотите сделать.

Comments

[Helig]

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

[Stalker_RED]

Элементарно:

var myFlag = true;
function buttonotprav () {
  var otprav = document.getElementById("otprav");
  var word = otprav.value;
  otprav.value = "";
  
  if (word == "hello" && myFlag) {
    var a = 1;
    alert("Работает!");
    myFlag = false; // больше проверка не сработает
  }
}

https://jsfiddle.net/kuh6q86p/

[Helig]

Stalker_RED: Все, спасибо!

Answer 2

[Impeeeery]

не этот не работает, а как раз таки второй.
поместите его туда же в функцию (в первый).
а если задумка иная - то word нужно глобальной сделать, т.е. вне всяких функций объявить

Answer 3

[kulaeff]

Вы объявили переменную word внутри функции, а значит и видна она будет только внутри функции. Нужно вынести объявление переменной из функции. А еще маленькое замечание - не называйте переменные транслитом.

Answer 4

[gleendo]

<form>
  <input type="text" class="field">
  <button class="btn">button</button>
</form>

document.querySelector("form").addEventListener("submit", event => {
  event.preventDefault();

  if (document.querySelector(".field").value === "hello") alert("Working...");
}, false);