I’m adding the ability for the user to input his own values into 6 input fields, some or all of which may be left blank. I have already an array populated (thanks to Paul Wilkins) with default values. How do I get the user’s values into that array so the calculations will be performed on it?
I got this far, but was unable to understand the problems brought up by JSHint.com.
User input:
<tr><td>
Alternate spur values:
<input class="display3" type="number" size="14" value="" name="spur1"><br>
<input class="display3" type="number" size="14" value="" name="spur2"><br>
<input class="display3" type="number" size="14" value="" name="spur3"><br>
<input class="display3" type="number" size="14" value="" name="spur4"><br>
<input class="display3" type="number" size="14" value="" name="spur5"><br>
<input class="display3" type="number" size="14" value="" name="spur6"><br>
</td></tr>
Javascript array:
function gearSpurs(ratio) {
var form = document.getElementById('formGearRatio');
var spur1 = form.elements.spur1.value,
spur2 = form.elements.spur2.value,
spur3 = form.elements.spur3.value,
spur4 = form.elements.spur4.value,
spur5 = form.elements.spur5.value,
spur6 = form.elements.spur6.value;
var userSpurs[spur1, spur2, spur3, spur4, spur5, spur6];
var spurs = [];
// establish the array of spurs to calculate
switch (ratio) {
case 'sc10_4x4':
spurs = ['58', '60', '62', '93'];
break;
case 'sc10':
spurs = ['75', '78', '81', '84', '87'];
break;
case 'sc8':
spurs = ['50', '52', '54'];
break;
case 'b44':
spurs = ['72', '75', '78', '81', '84'];
break;
case 'b4t4':
spurs = ['72', '75', '78', '81', '84', '87'];
break;
case 'gt2':
spurs = ['54', '55', '56'];
break;
case 'userSpurs':
spurs = [spur1, spur2, spur3, spur4, spur5, spur6];
break;
default:
spurs = ['72', '75', '78', '81', '84', '87'];
break;
}
return spurs;
}
Thanks!