Проверка, является ли ввод пустым в javascript, не удался

Question

Как в случае, если я ввожу строку, так и в том случае, если я оставляю поле ввода пустым, я получаю console.log («Что-то не так!»); Console.log моего fieldObj в обоих случаях отображается пустым.

Я попытался проверить, является ли содержимое поля ввода пустым:

CODE:

let fieldObj = document.getElementById("newListItem").value;
let button = document.getElementById("addItem");

button.addEventListener("click", function() {
  if (fieldObj != "") {
    console.log(fieldObj);
    console.log("Everything ok!");
  } else {
    console.log(fieldObj);
    console.log("Something's wrong!");
  }

}, false);

<input id="newListItem" type="text" />
<button id="addItem">Add</button>

Буду признателен за любую помощь!

Answer 1

Это потому, что вы устанавливаете fieldObj, как только страница загружается, поэтому она будет установлена ​​как "" и никогда не изменится.

Вам необходимо обновить значение в прослушивателе щелчков:

const button = document.getElementById("addItem");

button.addEventListener("click", function() {
  const fieldObj = document.getElementById("newListItem").value;
  if (fieldObj !== "") {
    console.log(fieldObj);
    console.log("Everything ok!");
  } else {
    console.log(fieldObj);
    console.log("Something's wrong!");
  }

}, false);

<input id="newListItem" type="text" />
<button id="addItem">Add</button>