Блог

Итак, я хотел бы запустить функцию, когда пользователь вводит определенную команду в поле ввода. Например, когда пользователь вводит что-то вроде «Я хочу сэндвич с мороженым», он запускает функцию, которая добавит 1 сэндвич с мороженым в их инвентарь. Но если бы они набрали что-то вроде ‘Gerfabujohn’, это сказало бы вам, что это не команда. У меня уже есть функция, которая добавляет сэндвич в инвентарь, это не проблема. Вот мой js:

 function readCommand() {
  let readInput = document.querySelector('#commandInput').value
  if (readInput.value = 'I want an ice cream sandwich') {
    giveIceCreamSandwich()
  } else {
    alert(`Not a command`);
  }
}
  

и мой html:

 <label for="commandFeild"> Enter Command: </label>
<input type="text" id="commandInput" name="commandFeild"><br><br>
<button class="triggerInput" onclick="readCommand()"> Run Command </button>
  

Здесь я пытаюсь использовать функцию querySelector, чтобы найти значение поля ввода, используя его идентификатор. Пока эта часть, похоже, работает. Я использовал консоль.войдите, чтобы зарегистрировать значение readInput, и он зарегистрировал правильную команду из поля ввода. Это оператор if, который вообще не работает. По-видимому, независимо от того, что я ввожу, он возвращает true и все равно запускает функцию, не обращая внимания на условия, которые должны быть выполнены, чтобы это было true.

Я часами искал решение, и я действительно удивлен, что не нашел ответа, поскольку это, по-видимому, основная функция оператора ввода в первую очередь. Любая помощь будет оценена, спасибо!

Две проблемы:

1. = предназначен для присваивания, а не для проверки равенства — вы хотите использовать === .
2. Вы сохраняете value входные readInput данные, поэтому вам не нужно ссылаться value на него:

 function readCommand() {
  let readInput = document.querySelector('#commandInput').value
  //           ↓ no .value, it's already here -----------↑
  if (readInput === 'I want an ice cream sandwich') {
  //             ↑ === vs =
    giveIceCreamSandwich()
  } else {
    alert(`Not a command`);
  }
}