SO - 21298460

HTML

<label>Width</label>
<input type="text" id="width" />
<br>
<label>Length</label>
<input type="text" id="length" />
<br>
<label>Total</label>
<input type="text" id="total" />

JavaScript

jQuery(function () {
    var total1 = 0.50;
    var total2 = 0.38;
    var total3 = 0.32;
    var total4 = 0.25;
    var total5 = 0.24;
    var total6 = 0.23;
    var total7 = 0.22;
    var total8 = 0.21;
    var total9 = 0.20;
    var total10 = 0.19;
    var total11 = 0.18;
    var total12 = 0.17;
    var total13 = 0.16;
    var total14 = 0.15;
    var total15 = 0.14;

    $('#width, #length').change(function () {
        var w = +$('#width').val();
        var l = +$('#length').val();
        var total;
        if ((w * l) = 1) {
            total = total1 * (w * l);
        }
        if((W * l) = 2) {
             total = total2 * (w * l);
        }
        if((w * l) = 3) {
             total = total3 * (W * l);
        }
        if((w * l) >= 4) {
            total = total4 * (w * l);
        }
        if((W * l) = 11) {
            total = total5 * (w * l);
        }
        if((w * l) = 12) {
            total = total6 * (w * l);
        }
        if((w * l) = 13) {
            total = total7 * (w * l);
        }
        if((w * l) >= 14) {
           total = total8 * (w * l);
        }
        if ((w * l) >= 20) {
            total = total9 * (w * l);
        } 
        if((w * l) >= 126)  {
            total = total10 * (w * l);
        }
        if((w * l) >= 174) {
            total = total11 * (w * l);
        }
        if((w * l) >= 240) {
            total = total12 * (w * l);
        }
        if((w * l) >= 307) {
            total = total13 * (w * l);
        }
        if((w * l) >= 374) {
            total = total14 * (w * l);
        }
        if((w * l) > 440) {
            total = total15 * (w * l);
        }
        $('#total').val(total);
    })
})