Javascript ile Yüzde Hesaplama Örneği

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>

 

Etiketler:

Yorumlar

Henüz yorum yapılmamış.

Yorum Yaz