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&#8217;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>