No.2ベストアンサー
- 回答日時:
<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
- 回答日時:
>>どのような感じに打ち込めばいいのでしょうか?
普通にある仕様ですね。書店でHTMLやJavaScriptの本を買ってもいいし、ネットで検索すればいくつものサンプルコードが見つかりますよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(インターネット接続・インフラ) 楽天モバイル1回線 複数simについて 4 2022/12/14 16:54
- Safari(サファリ) 他人にログインしたメールアドレスやIDを知られていたら、Safariの検索履歴を見られる可能性はあり 2 2023/03/15 17:24
- その他(SNS・コミュニケーションサービス) 私はジャニオタで最近になってTwitterでオタ垢を始めたのですが分からない事があるのでお聞きしたい 1 2023/05/11 20:19
- 確定申告 確定申告について質問です。 調べても難しく理解に苦しんでます。申告の必要性をどなたか教えて下さりませ 3 2022/11/27 15:20
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- Access(アクセス) Accessフォーム 一部のレコードだけを抽出する方法について 1 2022/06/28 18:45
- YouTube Googleアカウント1個で複数のYouTubeチャンネルを作った場合、登録者数などは通算される? 4 2022/05/16 14:22
- 数学 時々、回答者の見識に疑念を抱いてしまうんです。私だって本当は皆様のことを疑いたくはありません。しかし 2 2022/11/27 12:23
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
ボタンをクリックした時に、入...
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
<form>中の<button>タグのv...
-
前の画面の情報を保持するには?
-
ハイパーリンクをインプットボ...
-
グーグルマップの文字化けで困...
-
getParameterで値が取得できず...
-
ただいま勉強始めたての初心者...
-
開くと同時に自動submit
-
ボタンを押さずにボタンを押す...
-
inputのtextとsubmitの高さがズ...
-
htmlでsubmit送信時、actionよ...
-
form button での値渡し
-
Enterキークリック時の動作につ...
-
checkboxとlabelがずれる
-
submitボタンにvalue属性の値で...
-
コネクション・セッション・ト...
-
Accessの画面更新を一時的に停...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
getParameterで値が取得できず...
-
リンクでPOSTデータを送信する...
-
submitボタンにvalue属性の値で...
-
HTMLボタンの文字色を変え...
-
異なるformのsubmitボタンを同...
-
UWSC
-
戻ると、記入フォームの内容が...
-
htmlでsubmit送信時、actionよ...
-
formの送信ボタンをテキストに...
-
ボタンのなかに表示する文字を...
-
ただいま勉強始めたての初心者...
-
開くと同時に自動submit
-
<FORM> </FORM> の中に さらに...
-
ボタンをクリックした時に、入...
-
SUBMITボタンを表示させないでS...
-
HTMLのKEYとVALUE...
-
HTMLでのid とnameの違い
-
前の画面の情報を保持するには?
-
checkboxとlabelがずれる
-
inputのtextとsubmitの高さがズ...
おすすめ情報