JSFiddle - React, Tailwind, and code Playground

by Ufuk Ozdemir

HTML

İndirim Yüzdesi
<select>
    <option value="sec">İndirim Yüzdesi Seçiniz</option>
    <option value="0">İndirim Yapılmayacak</option>
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="15">15</option>
    <option value="20">20</option>
    <option value="25">25</option>
</select><br>

Toplam Fiyat: <span class="fiyat">6350.00</span> TL<br>
İndirimli Fiyat: <span class="toplam-tutar">0.00 TL</span>

JavaScript

$('select').on('change', function() {
    indirim_orani = this.value;
    var toplam_fiyat = $('.fiyat').text();
    
    if($(this).val() != "sec"){
    		indirimli_fiyat = (indirim_orani / 100) * toplam_fiyat;
        sonuc = toplam_fiyat - indirimli_fiyat;
        $(".toplam-tutar").text(sonuc.toFixed(2) + " TL");
    }else{
    		//alert("Lütfen İndirim Yüzdesi Seçiniz");
        $(".toplam-tutar").text("0.00 TL");
    }
})