HTML/JavaScriptの部分一致検索
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | kuかかってこい | 4275 | C+ | 4.3 | 97.5% | 134.5 | 590 | 15 | 28 | 2025/07/06 |
関連タイピング
-
５分間の速度部門の模擬試験です。打つ速度で級が決まります
プレイ回数88万長文300秒 -
北海「道」以外の都府県は打たないでもいいです
プレイ回数406短文かな30秒 -
主人公ケイトによる物語です
プレイ回数2.7万長文かな1417打 -
何秒で全部打てるか挑戦してみよう！
プレイ回数420万短文かな298打 -
そこのあなた！このタイピングを見ないと損をする！！
プレイ回数6.9万長文949打 -
ピラミッドに関する雑学の長文です。
プレイ回数1.9万長文1319打 -
プレイ回数1068英語長文300秒 -
プレイ回数2.3万長文かな232打
問題文
(＜ｂｏｄｙ＞)
<body>
(＜ｈ１＞ぶぶんいっちけんさくさいと さんぷる＜／ｈ１＞)
<h1>部分一致検索サイト サンプル</h1>
(＜ｌａｂｅｌ ｆｏｒ＝”ｓｅａｒｃｈ”＞けんさく：＜／ｌａｂｅｌ＞)
<label for="search">検索:</label>
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｔｅｘｔ” ｉｄ＝”ｓｅａｒｃｈ” ｎａｍｅ＝)
<input type="text" id="search" name=
(”ｓｅａｒｃｈ” ｏｎｋｅｙｕｐ＝”ｓｅａｒｃｈｉｍａｇｅｓ（）”)
"search" onkeyup="searchImages()"
(ｐｌａｃｅｈｏｌｄｅｒ＝”ぶぶんいっちけんさく”＞)
placeholder="部分一致検索">
(＜／ｄｉｖ＞)
</div>
(＜ｄｉｖ ｃｌａｓｓ＝”ｃｏｎｔａｉｎｅｒ”＞)
<div class="container">
(＜ａ ｈｒｅｆ＝”＃”＞１１１１＜ｉｍｇ ｓｒｃ＝”ｉｍｇ１．ｊｐｇ”)
<a href="#">1111<img src="img1.jpg"
(ａｌｔ＝”がぞう５”＞＜／ａ＞)
alt="画像5"></a>
(＜／ｄｉｖ＞)
</div>
(＜ｓｃｒｉｐｔ＞)
<script>
(ｆｕｎｃｔｉｏｎ ｓｅａｒｃｈｉｍａｇｅｓ（） ｛)
function searchImages() {
(ｌｅｔ ｉｎｐｕｔ ＝ ｄｏｃｕｍｅｎｔ．ｇｅｔｅｌｅｍｅｎｔｂｙｉｄ（)
let input = document.getElementById(
(”ｓｅａｒｃｈ”）．ｖａｌｕｅ；)
"search").value;
(ｌｅｔ ｉｍａｇｅｓ ＝)
let images =
(ｄｏｃｕｍｅｎｔ．ｇｅｔｅｌｅｍｅｎｔｓｂｙｔａｇｎａｍｅ（”ｉｍｇ”）)
document.getElementsByTagName("img")
(；)
;
(ｆｏｒ （ｌｅｔ ｉ ＝ ０； ｉ ＜ ｉｍａｇｅｓ．ｌｅｎｇｔｈ；)
for (let i = 0; i < images.length;
(ｉ＋＋） ｛)
i++) {
(ｉｆ （ｉｍａｇｅｓ［ｉ］．ａｌｔ．ｉｎｃｌｕｄｅｓ（ｉｎｐｕｔ）） ｛)
if (images[i].alt.includes(input)) {
(ｉｍａｇｅｓ［ｉ］．ｐａｒｅｎｔｎｏｄｅ．ｓｔｙｌｅ．ｄｉｓｐｌａｙ ＝)
images[i].parentNode.style.display =
(”ｂｌｏｃｋ”；)
"block";
(｝ ｅｌｓｅ ｛)
} else {
(ｉｍａｇｅｓ［ｉ］．ｐａｒｅｎｔｎｏｄｅ．ｓｔｙｌｅ．ｄｉｓｐｌａｙ ＝)
images[i].parentNode.style.display =
(｝｝｝)
}}}
(＜／ｓｃｒｉｐｔ＞)
</script>
(＜／ｂｏｄｙ＞)
</body>