HTML/JavaScriptの部分一致検索
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | ku | 4357 | C+ | 4.3 | 99.4% | 134.7 | 590 | 3 | 28 | 2024/03/27 |
| 2 | ku | 3797 | D++ | 3.8 | 98.4% | 153.0 | 590 | 9 | 28 | 2024/03/13 |
関連タイピング
-
何秒で全部打てるか挑戦してみよう！
プレイ回数359万短文かな298打 -
５分間の速度部門の模擬試験です。打つ速度で級が決まります
プレイ回数61万長文300秒 -
速ければ速いほど強い世界
プレイ回数731万短文かな87打 -
ピラミッドに関する雑学の長文です。
プレイ回数1136長文1319打 -
主人公ケイトによる物語です
プレイ回数540長文かな1417打 -
意外と打てない英単語！このタイピングで強化しよう！
プレイ回数35万英字60秒
問題文
(＜ｂｏｄｙ＞)
<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>
※誹謗中傷、公序良俗に反するコメント、個人情報の投稿、歌詞の投稿、出会い目的の投稿、無関係な宣伝行為は禁止です。削除対象となります。
※このゲームにコメントするにはログインが必要です。
※コメントは日本語で投稿してください。