HTML・Javascriptのサイト作りで質問です。

プルダウンやセレクトボックスなどを使って複数の情報から1つまたは、複数の答えを出したいのですがどのような感じに打ち込めばいいのでしょうか？

例上げるならばカードゲームなどで、

レベルは「5」で、属性は「闇」で、種族は「機械族」、収録パックは「第1弾」
みたいな検索で特定ができるようにしたいのです。
誰かわかる方がいらっしゃいましたらどうか教えて下さい。

語彙力がなさ過ぎて申し訳ないです。

No.2 ベストアンサー 回答者： Ogre7077 回答日時： 2020/09/21 16:10

<script>

// 必要な情報を整理する
var cards = [
_ { name:"誰か", level:5, race:"機械族" },
_ { name:"深慮", level:42, race:"ハツカネズミ族" },
];

// カードを探す処理
window.addEventListener('submit', function(event){
_ event.preventDefault();
_ var form = event.target;
_ if (form.name != 'searcher') return;

_ // 複数の条件
_ var lv = form.elements['level'].value;
_ var rc = form.elements['race'].value;

_ // 探す
_ var result = cards
_ _ .filter(v => lv == "" || v.level == parseInt(lv,10))
_ _ .filter(v => rc == "" || v.race == rc || v.race.indexOf(rc) >= 0);

_ // 複数の答えを出す
_ var answer = result.map(v => v.name).join(" と ");
_ if (answer) window.alert(answer);
}, false);

</script>

<h1>カードを探す</h>
<form name=searcher>
<p>レベル:<input name=level>
<p>種族:<input name=race>
<p><button type=submit>検索</button>
</form>

No.1 回答者： lv4u 回答日時： 2020/09/20 15:18

＞＞どのような感じに打ち込めばいいのでしょうか？

普通にある仕様ですね。書店でＨＴＭＬやJavaScriptの本を買ってもいいし、ネットで検索すればいくつものサンプルコードが見つかりますよ。