Javascript ile Yüzde Hesaplama Örneği
Javascript ile yüzde hesaplama örneğini sizlerle paylaşıyoruz. Örneğimizde bir form ve formda butona tıklandığında fonksiyona gönderilmesi gibi kapsamlı bir uygulama olduğunu unutmayalım. Yüzde hesaplama örneğimizde 5 farklı işleme göre yüzde hesaplanmaktadır.
- Birincisi A sayısının yine girilen b sayısına göre yüzdesini almakta.
- A sayısı B sayısının yüzde kaçıdır?
- A sayısından B sayısına yüzde cinsinden değişim oranı kaçtır?
- A sayısını yüzde B sayısı kadar artırırsak sonuç kaç olur?
- A sayısını yüzde B sayısı kadar azaltırsak sonuç kaç olur?
Ayrıca sorumuzda bir html form tasarımı da vardır. Select option seçim kutusu, ayrıca sadece sayı girilebilen bir input girişi vardır. Sorumuzun html kısmı:
<form> <table> <tbody> <tr><th colspan="2" >YÜZDE HESAPLAMA ARACI</th> </tr> <tr> <th>İşlem</th> <td><select id="islem"><option value="a">A sayısının %B’si kaçtır?</option><option value="b">A sayısı B sayısının % kaçıdır?</option><option value="c">A sayısından B sayısına değişim oranı?</option><option value="d">A sayısını %B artırırsak sonuç?</option><option value="e">A sayısı %B azaltırsak sonuç?</option></select></td> </tr> <tr> <th>A Sayısı</th> <td><input id="a_sayisi" type="number" /></td> </tr> <tr> <th>B Sayısı</th> <td><input id="b_sayisi" type="number" /></td> </tr> <tr> <td></td> <td><input type="button" value="Hesapla" onClick="hesapla()" /></td> </tr> </tbody> </table> </form> <p id="demo">
Sorumuzun javascript kısmı
function hesapla() { var a=document.getElementById("a_sayisi").value; var b=document.getElementById("b_sayisi").value; var val = document.getElementById('islem').value; if(val=="a") { var sonuc=(a/100)*b; document.getElementById('demo').innerHTML="A sayısı="+a+"<br>B sayısı="+b+"<br>"+a+" sayısının %"+ b+ " i ="+sonuc; } else if(val=="b") { var sonuc=(a/b)*100; sonuc=sonuc.toFixed(2); document.getElementById('demo').innerHTML="A sayısı="+a+"<br>B sayısı="+b+"<br>"+a+" sayısı "+ b+ " sayısının "+ "% "+ sonuc+" kadarıdır"; } else if(val=="c") { var sonuc=(((b-a)/a)*100); sonuc=sonuc.toFixed(2); if (sonuc<0) { sonuc=sonuc*-1; document.getElementById('demo').innerHTML="A sayısı="+a+"<br>B sayısı="+b+"<br>"+a+" sayısından "+ b+ " sayısına değişim oranı % "+ sonuc+" azalış"; } else if (sonuc>0) { document.getElementById('demo').innerHTML="A sayısı="+a+"<br>B sayısı="+b+"<br>"+a+" sayısından "+ b+ " sayısına değişim oranı % "+ sonuc+" artış"; } } else if(val=="d") { var sonuc=((a/100)*b); sonuc=Number(a)+Number(sonuc); sonuc=sonuc.toFixed(2); document.getElementById('demo').innerHTML="A sayısı="+a+"<br>B sayısı="+b+"<br>"+a+" sayısını % "+ b+ " artırırsak sonuc "+ sonuc+" olur."; } else if(val=="e") { var sonuc=(a/100)*b; sonuc=a-sonuc; sonuc=sonuc.toFixed(2); document.getElementById('demo').innerHTML="A sayısı="+a+"<br>B sayısı="+b+"<br>"+a+" sayısını % "+ b+ " azaltırsak sonuc "+ sonuc+" olur."; } } </script>