在 if 条件下满足值后增量计数器不会停止

Question

For some reason when the condition is met which the counter stops at 4 the onclick function seems to still be add more price where it says if(j > 1 && j < 5) how can i stop the function once the condition is met. Thanks

function increment_bathClick() {
        if(j<4)
            j++;

            console.log(j);
            jQuery('#bath').val(j);

            var booking_type = jQuery('#booking_type').val();

            if(j > 1 && j < 5){

                //payAmt = parseFloat(bathrooms[i][booking_type]);

                payAmt =  payAmt + addbath * j;

                updateAmount(0,payAmt);

            }else if(j > 1 && i > 1){

                payAmt = parseFloat(bedrooms[i][booking_type]);

                payAmt =  payAmt + addbath * j;

                updateAmount(0,payAmt);

            }else{
                updateAmount(0,payAmt);
            }
}

Answer 1

Add some brackets, indention alone doesn't help ;-)

function increment_bathClick() {
    if(j<4)
    {
        j++;

        console.log(j);
        jQuery('#bath').val(j);

        var booking_type = jQuery('#booking_type').val();

        if(j > 1 && j < 5){

            //payAmt = parseFloat(bathrooms[i][booking_type]);

            payAmt =  payAmt + addbath * j;

            updateAmount(0,payAmt);

        }else if(j > 1 && i > 1){

            payAmt = parseFloat(bedrooms[i][booking_type]);

            payAmt =  payAmt + addbath * j;

            updateAmount(0,payAmt);

        }else{
            updateAmount(0,payAmt);
        }
    }
}

Answer 2

Change this

if(j<4)
  j++;

to this

if(j<4){
   j++;
}else{
   return;
}