複合検索機能の実装と修正【htmlとcssはこちらで実装済み】

ご閲覧いただきありがとうございます。 複合検索機能の実装をお願いしたく存じます。 ※htmlとcssはこちらで作成済みです。 ※3/20　16時までに実装をお願いいたします。 【目的】 主にjavascriptを使用した複合検索機能の実装をお願いしたく存じます。 内容に関しましては、 複数ボタンがありボタンをクリックすることによって 商品カードが表示します。 ボタンを２つ、３つクリックすると そのカテゴリーの商品カードに絞られるため 商品カードの表示が少なくなっていくかと思います。 商品カードが一つも表示されなくなった場合は 「商品がありません」などの表記になります。 ----------------------------------------------------------- 具体的な例： ボタン：Aボタン/Bボタン/Cボタン/Dボタン Aボタンにある商品カード キャベツ/にんじん/白菜/トマト Bボタンにある商品カード キャベツ/レタス/ブロッコリー/トマト ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ボタンをクリックした例 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ AとBボタンをクリックすると キャベツとトマトのみが表示される認識になります。 ----------------------------------------------------------- 上記に関しましてhtmlとcssはこちらで作成しておりまして javascriptでの複合検索機能の動きの実装をお願いいたします。 (複合検索機能が実装できるようであればjavascript以外でも大丈夫です。) 【 重視する点・経験 】 ・スピードを重視してくれる方⇒※3/20　16時までに実装をお願いいたします。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 最後に ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！