For loop with jQuery
Would you know why my "for" loop integration is not working here?
I turned the original, repetitive code from…
$('#redvalue1').on('input', function() {
redslider1 = $('#redvalue1').val();
redslider2 = $('#redvalue2').val();
redslider3 = $('#redvalue3').val();
redslider4 = $('#redvalue4').val();
greenslider1 = $('#greenvalue1').val();
greenslider2 = $('#greenvalue2').val();
greenslider3 = $('#greenvalue3').val();
greenslider4 = $('#greenvalue4').val();
blueslider1 = $('#bluevalue1').val();
blueslider2 = $('#bluevalue2').val();
blueslider3 = $('#bluevalue3').val();
blueslider4 = $('#bluevalue4').val();
stepFive();
});
To this… But it doesn't work...
$('#redvalue1').on('input', function() {
for (i = 1; i < 5; i++) {
redslider[i] = $('#redvalue' + i).val();
greenslider[i] = $('#greenvalue' + i).val();
blueslider[i] = $('#bluevalue' + i).val();
}
stepFive();
});
What am I doing wrong?