jQuery Faktoriyel Hesaplama

Kullanıcının Button click olayı ile text kutusuna girmiş olduğu sayının faktoriyelini hesaplayarak ekranda gösteren örnek. Örneğimizde JQuery de button tıklama, değişken kullanımı, For döngüsü kullanımı ve div içine sonuç yazdırma işlemlerini görebilirsiniz.

xxx.html sayfasına ait kodlar:


<!DOCTYPE html>
<html lang="">
<head>
  <meta charset="utf-8">
  <title>Jquery Örnekler</title>
  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    <style>
        #d1{
            padding-top: 10px;
            color: red;
            font-size: 30px;
        }
    </style>
</head>

<body>
    <input type="text" id="txtSayi">
    <input type="button" id="btn" value="FAKTORİYEL HESAPLA">
    <div id="d1"></div>

    
  <script>
    $(document).ready(function() {
        $("#btn").on("click",function(){
            var sonuc=1;
            var sayi=Number($("#txtSayi").val());
            for(var i=1;i<=sayi;i++)
                {
                    sonuc=sonuc*i;
                }
            $("#d1").html("Sonuç : "+sonuc);
        });
    });
  </script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Jquery Örnekler</title>

<style>

#d1{

padding-top: 10px;

color: red;

font-size: 30px;

}

</style>

</head>

<body>

$(document).ready(function() {

$("#btn").on("click",function(){

var sonuc=1;

var sayi=Number($("#txtSayi").val());

for(var i=1;i<=sayi;i++)

{

sonuc=sonuc*i;

}

$("#d1").html("Sonuç : "+sonuc);

});

</script>

</body>

</html>

Ekran Çıktısı:

Bunu paylaş:

Şunlar da Hoşunuza Gidebilir

Yorum yap X