我的点击不在我使用false搜索时不断返回一个false

Question

我正在使用该数组包含方法来对我的数组中的项目进行故意搜索，但是即使我在那里，它也会在单击按钮时返回false。

var arr = ["steve", "salewa", "Morris"]

var input = document.getElementById("mysearch")
var button = document.getElementById("but1")
but1.addEventListener("click", clicked)

function clicked() {
  var output = arr.includes("input.value")
  console.log(output)
}

<h1>search</h1>
<input type="search" id="mysearch" name="q" placeholder="...search">
<button id="but1">check</button>

Answer 1

您应该使用 noreflow noreferrer“> 滤除与指定条件匹配的数组值。您需要在数组的每个元素（=每个名称）上使用 incode（），而不是在数组本身上，因为 inclath inder（）在数组上仅返回 true 或 false 插入全名时。 include（）在数组上工作及其在字符串上的工作方式有很小的区别。您想在名称包含输入字段中输入的内容的情况下返回结果。

另外，您需要使用 input.value 从输入中获取值。如果您用“ ”字符串“ Input.Value” 将使用，而不是您输入的内容。

var arr = ["steve", "salewa", "Morris"]

var input = document.getElementById("mysearch")
var button = document.getElementById("but1")
but1.addEventListener("click", clicked)

function clicked() {
  var output = arr.filter(name => name.includes(input.value))
  console.log(output)
}

<h1>search</h1>
<input type="search" id="mysearch" name="q" placeholder="...search">
<button id="but1">check</button>