【问题标题】:A Javascript Filter button, help completing it?一个 Javascript 过滤器按钮,帮助完成它吗?
【发布时间】:2021-05-10 21:26:15
【问题描述】:
filterbutton.addEventListener("click", function(e){
   let three = Drink.allDrinks.filter(drink =>{
     if (drink.ingredients.length < 3)
      return true
   })

这是我的 Javascript 代码,我需要上面的帮助,我知道我几乎完成了它,但我错过了一些东西。我很乐意为您提供有关如何完成此功能的帮助,以便我的过滤器按钮可以过滤包含 3 种或更多成分的结果。

下面是我的按钮 html

        <input type="submit" class="btn btn-primary btn-lg" value="Filter" id="filterbutton">

【问题讨论】:

  • 检查括号/括号

标签: javascript html json button filter


【解决方案1】:

这是您的代码,您可能需要稍微调整一下,但仍然 :)

filterbutton.addEventListener("click", function(e){
    let data = data.filter(drink => drink.ingredients.length>3)
})

如果你想检查的话,我用 codepen 来测试它: https://codepen.io/LENNY74/pen/xxRVLxQ

【讨论】:

  • index.js:44 未捕获的 ReferenceError: 在 HTMLInputElement 初始化之前无法访问“fil”。 (index.js:44)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多