JSFiddle - React, Tailwind, and code Playground

by Yasin Kaya

HTML

<input type="text" id="bolge_input"/> <input type="text" id="bolgetwo_input"/>
<p id="price_output"></p>

JavaScript

$(function() {
    var tier_bolge = [
        { id: 12, Price:20 },
        { id: 14, Price:15 },
        { id: 22, Price:10 }
    ];
    $('#bolge_input').on("change input keyup", function() {
        var id_two = $('#bolgetwo_input').val()
        var id = this.value+''+id_two;
        var price;
        for (var i = 0; i < tier_bolge.length && id >= tier_bolge[i].id; i++) {
            price = tier_bolge[i].Price;
        }
        $('#price_output').text(price);
    });
    
    $('#bolgetwo_input').on("change input keyup", function() {
        var id_one = $('#bolge_input').val()
        var id = id_one+''+this.value;
        var price;
        for (var i = 0; i < tier_bolge.length && id >= tier_bolge[i].id; i++) {
            price = tier_bolge[i].Price;
        }
        $('#price_output').text(price);
    });

    
    
});