jQuery Faktoriyel Hesaplama

sdkbyrm · 23 Aralık 2020

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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<!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>

Ekran Çıktısı:

jQuery Faktoriyel Hesaplama

sdkbyrm