JavaScript ile Paragraf İçindeki Toplam Link Sayısını Bulma

Merhaba, Bu dersimizde javascript ile toplam link sayısını bulacağız. Bunun için lenght yapısını kullanacağız. Umarım herkes için yararlı bir ders olur 🙂

İlk önce her html sayfamızda olduğu gibi java komutlarını kullanmak için tagları arasına java dosyamızı çağırıyoruz.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Java fonksiyonları arasına yazıldığı için yukarıdaki gibi yine aynı yere yazıyoruz.
Burada paragrag (p) tagları arasındaki a href link yapılarını aratıyoruz. var sayi=$(“p a”).length; yerine var sayi=$(“li a”).length; yazsaydık li tagları arasındaki a href link yapılarını aratıyor olacaktık. Bu yazılan kodu sayi adındaki bir değişkene atıp alert ile ekrana yazdırıyoruz.

<script type="text/javascript">
function say(){
   var sayi=$("p a").length;
   alert("Toplam link Sayısı : " + sayi);
   }
</script>

Aşağıda da body tagları arasına yazacağımız html kodaları bulunmakta. Bu html sayfasını yukarıdaki kodlarla birlikte çalıştırdığımızda rakamla üç değeri dönecektir.

<p>
<a href="http://www.google.com">Google</a>
<a href="http://atknuludag.com">Atknuludag.Com</a>
</p>

<p>2. paragraf</p>

<p>
<a href="http://www.bing.com">Bing</a>
</p>
<input type="button" value="Başlat" onClick="say();"/>

Aşağıda da kodlarının tamamı bulunmaktadır 🙂

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">
function say(){
   var sayi=$("p a").length;
   alert("Toplam link Sayısı : " + sayi);
   }
</script>
</head>

<body>
<p>
<a href="http://www.google.com">Google</a>
<a href="http://atknuludag.com">Atknuludag.Com</a>
</p>

<p>2. paragraf</p>

<p>
<a href="http://www.bing.com">Bing</a>
</p>
<input type="button" value="Başlat" onClick="say();"/>

</body>
</html>

Umarım yararlı olmuştur 🙂 İyi günler 🙂

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.