Jquery İle Basamakları Türk Lirası Formatına Çevirmek

Web sitelerinde kullanılan fiyatları daha okunabilir hale getirmek ve kullanıcıların daha rahat anlamasını sağlamak için genellikle Türk Lirası formatı tercih edilir. Bu rehberde, web sitenizde bulunan fiyatları Türk Lirası formatına dönüştürmek için adım adım bir yöntem sunacağım. Bu işlem için öncelikle fiyatların veri tabanında uygun bir şekilde saklanması ve ardından JavaScript kullanarak sayfa üzerindeki fiyat görünümlerini topluca düzenlemek gerekmektedir.

Adım 1:Veri Tabanı Düzenlemesi: Web sitenizdeki fiyatların Türk Lirası formatına dönüştürülebilmesi için veri tabanında uygun bir format kullanılmalıdır. Bu nedenle, fiyatları decimal(10,2) gibi bir veri tipinde tutmanız gerekmektedir.

Adım 2:HTML Etiketlerine .fiyat Classı Ekleme: Fiyatların bulunduğu HTML etiketlerine .fiyat classı ekleyerek, JavaScript ile bu elementlere kolayca erişebilir hale getireceğiz. Örneğin:

<span class="fiyat">1000.00</span>
<span class="fiyat">1060.99</span>

Adım 3:JavaScript Kullanarak Fiyatları Dönüştürme: Aşağıdaki JavaScript kodunu kullanarak, .fiyat classına sahip tüm elementlerdeki fiyatları Türk Lirası formatına dönüştüreceğiz:

$('.fiyat').each(function() {
    var content = $(this).text();
    var number = parseFloat(content.replace(',', '.'));
    var formattedNumber = number.toLocaleString('tr-TR', { style: 'decimal', minimumFractionDigits: 2 });
    $(this).text(formattedNumber);
});

Bu kod parçası, her .fiyat classına sahip elementteki fiyatları sırayla alır, Türk Lirası formatına dönüştürür ve güncellenmiş fiyatı elementin içeriğine yerleştirir.

Fiyatları Türk Lirası formatına dönüştürmek, kullanıcı deneyimini artırır ve sitenizin daha profesyonel görünmesini sağlar. Ayrıca, kullanıcıların daha kolay anlamasını ve karşılaştırmasını sağlar. Bu adımları takip ederek, web sitenizdeki fiyatları kolayca güncelleyebilir ve kullanıcıların ihtiyaçlarını daha iyi karşılayabilirsiniz.