JSFiddle - React, Tailwind, and code Playground

by Sahil Kashyap

HTML

<input type="text" id="user_input"/>
<p id="price_output"></p>

JavaScript

$(function() {
    var tier_prices = [
        { minQty: 5, unitPrice:10 },
        { minQty: 10, unitPrice:9 },
        { minQty: 100, unitPrice:8 }
    ];
    $('#user_input').on("change input keyup", function() {
        var qty = +this.value;
        var price;
        for (var i = 0; i < tier_prices.length && qty >= tier_prices[i].minQty; i++) {
            price = tier_prices[i].unitPrice;
        }
        $('#price_output').text(price * qty);
    });
});