JavaScript Kullanıcı Tarafından Girilen Sayının Basamakları Toplamını Bulan Program

Günlük hayatta 10luk sistemi kullandığımız için sayının basamaklarını bulmak için sayıyı 10’a bölündüğü sürece bölümü devam ettirmek gerekir. Aşağıdaki örnek sayının basamakları toplamını yazdırmaktadır.

JavaScript Kodu:


<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaScript Örnekleri</title>
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body style="background: #f1f2f6;">
    <div class="container">
      <h2>Sayının Basamaklarını Toplamı</h2>
      <form>
          <div class="form-group">
            <label>Sayı:</label>
            <input type="text" class="form-control" id="sayi" >
            <small class="form-text text-muted">Girdiğiniz sayının basamakları toplamı verir.</small>
          </div>
          <div class="form-group">
            <label>İşlem Sonucu:</label>
            <input type="text" class="form-control" id="sonuc" disabled>
          </div>
          <button id="hesapla" type="button" class="btn btn-primary">Hesapla</button>
        </form>
    </div>
           
    <script>
        var sayi=document.querySelector("#sayi");
        var sonuc=document.querySelector("#sonuc");
        var hesapla=document.querySelector("#hesapla");
        
        hesapla.onclick=function(){
            var adet = 0,toplam=0;
            var num=Number(sayi.value);
            console.log(num);
            while(num != 0)
            {
               toplam=(num%10)+toplam;
               num =Math.floor(num / 10);
                ++adet;
            }
            
            sonuc.value=toplam;
        } 
    </script>
        
    </body>
</html>

<!doctype html>

<html>

<head>

<title>JavaScript Örnekleri</title>

</head>

<h2>Sayının Basamaklarını Toplamı</h2>

<form>

<small class="form-text text-muted">Girdiğiniz sayının basamakları toplamı verir.</small>

</div>

<label>İşlem Sonucu:</label>

</div>

<button id="hesapla" type="button" class="btn btn-primary">Hesapla</button>

</form>

</div>

var sayi=document.querySelector("#sayi");

var sonuc=document.querySelector("#sonuc");

var hesapla=document.querySelector("#hesapla");

hesapla.onclick=function(){

var adet = 0,toplam=0;

var num=Number(sayi.value);

console.log(num);

while(num != 0)

{

toplam=(num%10)+toplam;

num =Math.floor(num / 10);

++adet;

}

sonuc.value=toplam;

}

</script>

</body>

</html>

Çıktı:

Bunu paylaş:

Şunlar da Hoşunuza Gidebilir

Yorum yap X