筛选商品案例
案例分析
1. 把数据渲染到页面中 (forEach)
2. 根据价格显示数据
3.
'
' + value.pname + ' | ' + value.price + ' | ';
tbody.appendChild(tr);
});
根据价格
筛选数据
获取到搜索按钮并为其绑定点击事件
使用filter将用户输入的价格
信息筛选出来
search_price.addEventListener('click', function
' + value.pname + '
' + value.price + ' | ';
tbody.appendChild(tr);
});
}
根据商品名称
筛选
获取用户输入的商品名称
为查询按钮绑定点击事件,将输入的商品名称与这个数据进行
筛选
search_pro.addEventListener('click', function(