Prompt Detail:
HTML tagları içerisinde arama yapmak için JavaScript kullanabilirsiniz. Bu işlemi gerçekleştirmek için DOM (Document Object Model) yapısını kullanabilirsiniz. Aşağıdaki örnek kodda, HTML sayfasındaki tüm p tag'leri içerisinde arama yapacak bir JavaScript fonksiyonu gösterilmiştir:
html<!DOCTYPE html>
<html>
<head>
<title>HTML Tagları İçerisinde Arama Yapma</title>
</head>
<body>
<p>Merhaba, ben bir paragrafım.</p>
<p>Ben de bir paragrafım.</p>
<p>Ben de paragrafım.</p>
<p>Ben de bir paragrafım.</p>
<script>
function ara() {
var input, filter, p, i, txtValue;
input = document.getElementById("araInput");
filter = input.value.toUpperCase();
p = document.getElementsByTagName("p");
for (i = 0; i < p.length; i++) {
txtValue = p[i].textContent || p[i].innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
p[i].style.display = "";
} else {
p[i].style.display = "none";
}
}
}
</script>
<input type="text" id="araInput" onkeyup="ara()" placeholder="Arama yapın...">
</body>
</html>
Yukarıdaki kod, HTML sayfasında bir input alanı ve bir JavaScript fonksiyonu içerir. input alanına girilen metin, tüm p tag'leri içerisinde aranır ve arama sonuçları ekranda gösterilir. Ayrıca, arama sonuçlarına göre p tag'leri görüntülenir veya gizlenir.
Bu örnek kodu inceleyerek, HTML tag'ları içerisinde arama yapmak için JavaScript kullanabileceğinizi görebilirsiniz.
Add a comment
Add to Chrome - It's free
Add to Firefox - It's free
Add to Edge - It's free