检查元素是否与JavaScript中的条件共同响应

我想用下一个逻辑创建一个脚本：

让arr=[1,2,3,4,5,6,8]；
document.getElementById（'outer'）.innerHTML=arr.map（item=>
`
${item}
`
).加入（“”）

您可以使用类似的东西


让arr=[1,2,3,4,5,6,8]；
document.getElementById（'outer'）.innerHTML=arr.map（item=>
`
${item}
`
).加入（“”）；
document.querySelectorAll（“#外部li”）.forEach（（项）=>{
item.addEventListener（'单击'，（e）=>{
if（parseInt（e.target.textContent）<3）{
e、 target.style.opacity=0；
}
});
});

您可以使用
过滤器来获取所需内容，但它不涉及任何点击处理，因此我不确定它是否满足您的需要。
filter
返回一个包含所有项的数组，filter函数返回的值为
true
。然后，您可以在生成的数组上使用
map
，以生成列表项。见下文：


让arr=[1,2,3,4,5,6,8]；
document.getElementById（'outer'）。innerHTML=
arr.filter（item=>item>3）.map（item=>`
${item}
`）.join（“”）


让arr=[1,2,3,4,5,6,8]；
让t=document.getElementById（'outer'）。innerHTML=arr.map（item=>
`
${item}
`
).加入（“”）；
设elem=document.querySelectorAll（'li'）；
for（元素的常量元素）
元素。addEventListener（“单击”，函数（）{
如果（elements.innerHTML）您是说您希望所有项目在单击之前都可见，而当您单击时，如果是3或更少，则将其隐藏？