HTML/JavaScriptの部分一致検索
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mikaroko | 2082 | F+ | 2.1 | 97.6% | 275.6 | 588 | 14 | 28 | 2025/12/16 |
関連タイピング
-
何秒で全部打てるか挑戦してみよう！
プレイ回数434万短文かな298打 -
みんなで歴史の復習だ！
プレイ回数257218打 -
全部知ってる！？日本の名城タイピング！
プレイ回数7万かな60秒 -
５分間の速度部門の模擬試験です。打つ速度で級が決まります
プレイ回数92万長文300秒 -
学校やパソコン初心者におすすめです
プレイ回数3.8万短文かな648打 -
初心者におすすめの単語タイピングです
プレイ回数2134短文かな140打 -
「自愛を願う挨拶」を口ずさみながら、タイピングを楽しみましょう。
プレイ回数790長文かな357打 -
速ければ速いほど強い世界
プレイ回数791万短文かな87打
問題文
(＜ｂｏｄｙ＞)
<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>