JavaScript ile Format Number » Anthony Burak Dursun

JavaScript ile Format Number

Bu yazı Tasarım ve Kodlama kategorisine 09.03.2010 Tarihinde Eklendi, 1040 Kez Okundu.

Bazen JavaScript sizi çileden çıkartabiliyor. Mesela Toplama, Çıkarma işlemlerinde olduğu gibi. Eğer Eval() veya parseInt() kullanmazsanız abuk subuk değerler alabiliyorsunuz.

Tabii bazı zamanlarda nedenini hala benimde anlayamadığım küsüratlı sonuçların çıkması can sıkabiliyor. İşte bugün bu küsüratlı rakamların çıkmasına engel olmak için ASP den de hatırlayacağınız gibi FormatNumber işleminin nasıl yapılacağını, ve kendi yazdığım ufak bir fonksiyonu değerlendirmek istiyorum. Haydi başlayalım…

Öncelikli olarak FormatNumber nasıl kullanılır gösterelim.

var rakam = 10;
var result = rakam.toFixed(2); // Sonuç 10.00 değerini getirecektir.

rakam = 930.9805;
result = rakam.toFixed(3); // Sonuç 930.981 değerini getirecektir.
rakam = 500.2349;
result = rakam.toPrecision(4); // Sonuç 500.2 değerini getirecektir.
rakam = 5000.2349;
result = rakam.toPrecision(4); // Sonuç 5000 değerini getirecektir.
rakam = 555.55;
result = rakam.toPrecision(2); // Sonuç 5.6e+2 değerini getirecektir.

Herkes değerleri anlamıştır.

Mesela ASP de <%=FormatNumber(Degisken,2)%> yaptığıız yerde JavaScript ile Degisken.toFixed(2) yapmamız yeterli olacaktır.

Ve benim ödeme sayfası için yaptığım fonksiyon aşağıdadır. Ne için yazdım bunu? 2 Adet CheckBox´ım var. Bunlar seçilirse belirttiğim ücret kadarını tutar kutusunda yazan toplam fiyata ekletiyorum. Eğer tick kaldırılırsa o zaman da eklediğim ücreti geri alıyorum.


function UcretEkle(Tutar,Kutucuk) {
var fiyat     = document.getElementById(‘tutar’).value;
var Kutu     = document.getElementById(Kutucuk);
var toplam    = ”;
if(!Kutu.checked){
toplam = eval(fiyat) - eval(Tutar)
document.getElementById(‘tutar’).value = toplam.toFixed(2);
} else {
toplam = eval(fiyat) + eval(Tutar);
document.getElementById(‘tutar’).value = toplam.toFixed(2);
}
}

Kullanmak içinde onclikc=”UcretEkle(’EklenecekTutar’,´HangiCheckBoxIDsi’)”

Tiklenmiş mi tiklenmemiş diye kontrol edeceğimiz checkbox a bir ID verip, bunu oraya ekletiyoruz. İsterseniz ikinci değişkeni this olarak değiştirebilirsiniz.

 

Çılgın Dükkan | İlginç Hediyelik Ürünler

Etiketler:javascript, Formatnumber, format number,