HTML/JavaScriptの部分一致検索

関連タイピング
-
5分間の速度部門の模擬試験です。打つ速度で級が決まります
プレイ回数82万長文300秒 -
主人公ケイトによる物語です
プレイ回数1.9万長文かな1417打 -
よく耳にすることわざを集めてみました
プレイ回数39万かな60秒 -
ピラミッドに関する雑学の長文です。
プレイ回数1.2万長文1319打 -
NとNNの違いが学べるタイピングです
プレイ回数134かな600打 -
速ければ速いほど強い世界
プレイ回数770万短文かな87打 -
Colipotで生成。文章の保障はありません。
プレイ回数943長文かな1116打 -
プレイ回数283短文236打
問題文
(<body>)
<body>
(<h1>ぶぶんいっちけんさくさいと さんぷる</h1>)
<h1>部分一致検索サイト サンプル</h1>
(<label for=”search”>けんさく:</label>)
<label for="search">検索:</label>
(<input type=”text” id=”search” name=)
<input type="text" id="search" name=
(”search” onkeyup=”searchimages()”)
"search" onkeyup="searchImages()"
(placeholder=”ぶぶんいっちけんさく”>)
placeholder="部分一致検索">
(</div>)
</div>
(<div class=”container”>)
<div class="container">
(<a href=”#”>1111<img src=”img1.jpg”)
<a href="#">1111<img src="img1.jpg"
(alt=”がぞう5”></a>)
alt="画像5"></a>
(</div>)
</div>
(<script>)
<script>
(function searchimages() {)
function searchImages() {
(let input = document.getelementbyid()
let input = document.getElementById(
(”search”).value;)
"search").value;
(let images =)
let images =
(document.getelementsbytagname(”img”))
document.getElementsByTagName("img")
(;)
;
(for (let i = 0; i < images.length;)
for (let i = 0; i < images.length;
(i++) {)
i++) {
(if (images[i].alt.includes(input)) {)
if (images[i].alt.includes(input)) {
(images[i].parentnode.style.display =)
images[i].parentNode.style.display =
(”block”;)
"block";
(} else {)
} else {
(images[i].parentnode.style.display =)
images[i].parentNode.style.display =
(}}})
}}}
(</script>)
</script>
(</body>)
</body>