I'm trying to create a loop that will put values from inputs in an array.
The point is that I have 81 inputs and their ids are "cells-[x]".
What I tried to do is
<script type="text/javascript">
var test = [];
for(i=0;i<80;i++){
test[i]=(document.getElementById('cell-[i]').value);
}
</script>
but it's not working.
B.T.W, I might have made a mistake in the for loop itself, but it is not my point(i'm only a beginner).
Two things:
1. Your 'cell-[i]' is all in a string, so each time it thinks you're taking the value: 'cell-[i]'. Replace your parameter in getElementById with:
('cell-[' + i + ']').
2. Try:
test.push(document.getElementById('cell-[' + i + ']').value)
That should do it.
You can use the addEventListener for the form and call the custom function getValues() which will get the values for all the inputs. You can use the querySelectorAll() to collect all the inputs once regardless of what their id is, and then loop over them using forEach and use .push() to add values to the array that we will use to collect the input values.
See a demo below try adding values to input and hit submit button
//get all the inputs
var inputs = document.querySelectorAll("input");
// valArray used to collect the values of input
var valArray = [];
//function to get the values of the form inputs
function getValues() {
//loop the aray using foreach
inputs.forEach(function(input) {
//use array.push() to add the values to the custom array of input values
valArray.push(input.value);
});
}
//add submit event listner for the form
document.querySelector("#my-form").addEventListener("submit", function(e) {
e.preventDefault(); //stop form from submitting
getValues();
console.log(valArray);
});<form name="my-form" id="my-form">
<input>
<input>
<input>
<input>
<input>
<input>
<input>
<input>
<input type="submit">
</form>
testvariable doesn't need an iterator unless you want 81 variables. Dovar test = document.getElementById('cell-' + i).valuevar test = document.getElementById(`cell-${i}`).valueHTMLInputElements) and iterate over those. Food for thought.getElementById(cell-${i})instead.getElementById(`cell-[${i}]`)