【JavaScript】原生JS实现多条件筛选

我在学JS初始看到的教程基本都是JS二级联动查询、三级联动查询；如下图：

但有时并不需要级联查询，如购买商品时：

今天我以慕课网前端样式作为参考做了下面的Demo，基于原生JS

<div id="direction">
    <strong>方向：</strong>
    <span class="active">全部</span>
    <span>前端</span>
    <span>后台</span>
    <span>数据库</span>
    <span>UI设计</span>
</div>
<div id="category">
    <strong>分类：