前提・実現したいこと
下記ページを参考にさせていただき、検索ページを作成しました。
https://www.wan55.co.jp/column/detail/id=447
それとは別に、上記の配列(tag)に入っているものを利用し、
・「哺乳類」だけの単独ページ、
・1.「かわいい」と2.「かっこいい」の単独ページに2種表示させるページ
をそれぞれ検索機能なしで表示させたいと思っています。
同じ配列を使って行いたいのですが、なかなかうまくいきません。
詳しい方ご教示いただけますと幸いです。
発生している問題・エラーメッセージ
該当のソースコード
配列例) var allList = [ { id: "id001", life: 14, title: "猫", tag: ["哺乳類", "かわいい", "かっこいい"], description: "猫様は何をしても許されます。猫様にあやかりましょう。目指せ閲覧数アップ。" }, { id: "id002", life: 36, title: "ハシビロコウ", tag: ["鳥類", "かっこいい", "こわい", "うごかない"], description: "(以下Wikipediaより)ペリカン目ハシビロコウ科の鳥類の一種である。 本種のみでハシビロコウ科を形成する(1属1種)。" }, ・・・・・・・・・・・・・ ];
試したこと
配列のjsのみにして、js実行ファイルを変えてみようとしたり、
単独のページの読み込みの際にチェックボックスにチェックが入る様にし、display:noneで非表示にしてみたりしましたが、
うまくいきません。