JavaScript Sayının Kuvvetini Hesaplayan Program

JavaScriptte Math kütüphanesi ile sayının üssünü hesaplamak mümkün fakat bu JavaScript örneğinde kütüphane kullanmadan sayının kuvvetini hesaplayan programı yapacağız.

Bir sayının kuvveti tabanın üstte belirtilen sayı kadar çarpılması ile hesaplanır. Aşağıdaki javascript kodları sayının kuvvetini hesaplayan programa aittir.

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 Kuvvetini Hesaplayan Program</h2>
      <form>
          <div class="form-group">
            <label>Taban:</label>
            <input type="text" class="form-control" id="sayi1" >
            <small class="form-text text-muted">Taban değerini girin.</small>
          </div>
          <div class="form-group">
            <label>Kuvvet:</label>
            <input type="text" class="form-control" id="sayi2" >
            <small class="form-text text-muted">Sayının kuvvetini girin.</small>
          </div>
          <div class="form-group">
            <label>İşlem: <span id="kok"></span><sup id="ust"></sup></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 sayi1=document.querySelector("#sayi1");
        var sayi2=document.querySelector("#sayi2");
        var sonuc=document.querySelector("#sonuc");
        var hesapla=document.querySelector("#hesapla");
        
        /*üs hesaplama işlemi*/
        hesapla.onclick=function(){
            var taban  = Number(sayi1.value);
            var kuvvet = Number(sayi2.value);
            var islem = 1;

            while (kuvvet != 0)
            {
                islem *= taban;
                --kuvvet;
            } 
            sonuc.value=islem;
        } 
        
        /*işlem kısmındaki üslü görünüm*/
        sayi1.onkeyup=function(){
            var kok=document.querySelector("#kok"); 
            kok.innerText=this.value;

        }
        sayi2.onkeyup=function(){
            var ust=document.querySelector("#ust"); 
            ust.innerText=this.value;
        }
        
    </script>
        
    </body>
</html>

<!doctype html>

<html>

<head>

<title>JavaScript Örnekleri</title>

</head>

<h2>Sayının Kuvvetini Hesaplayan Program</h2>

<form>

<label>Taban:</label>

<small class="form-text text-muted">Taban değerini girin.</small>

</div>

<label>Kuvvet:</label>

<small class="form-text text-muted">Sayının kuvvetini girin.</small>

</div>

<label>İşlem: <span id="kok"></span><sup id="ust"></sup></label>

</div>

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

</form>

</div>

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

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

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

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

/*üs hesaplama işlemi*/

hesapla.onclick=function(){

var taban = Number(sayi1.value);

var kuvvet = Number(sayi2.value);

var islem = 1;

while (kuvvet != 0)

{

islem *= taban;

--kuvvet;

}

sonuc.value=islem;

}

/*işlem kısmındaki üslü görünüm*/

sayi1.onkeyup=function(){

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

kok.innerText=this.value;

}

sayi2.onkeyup=function(){

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

ust.innerText=this.value;

}

</script>

</body>

</html>

Ekran Çıktısı:

İlgili

TagsJavaScript Örnekleri JavaScript while Döngüsü Örnekleri

JavaScript Sayının Kuvvetini Hesaplayan Program

İlgili

About the author

admin

Add Comment

Cancel reply

Bunu paylaş:

İlgili

You may also like

About the author

admin

Add Comment