筛选商品案例
案例分析
1. 把数据渲染到页面中 (forEach)
2. 根据价格显示数据
3.
'
' + value.pname + ' | ' + value.price + ' | ';
tbody.appendChild(tr);
});
根据价格
筛选数据
将渲染数据的逻辑封装到一个函数中
将
筛选之后的数据重新渲染
search_price.addEventListener('click', function() {
' + value.pname + '
' + value.price + ' | ';
tbody.appendChild(tr);
});
}
根据商品名称
筛选
获取用户输入的商品名称
为查询按钮绑定点击事件,将输入的商品名称与这个数据进行
筛选
search_pro.addEventListener('click', function(