Javascript 来自表单输入的多维数组循环

Question

I am having a problem with the array of an array. I need the function clickMe() to allow me to output an array such as [[1,1,1,1,1],[2,2,2,2,2],etc].

My problem is that right now the values come up as [1,1,1,1,1,2,2,2,2,2,etc]. I know a for loop inside a for loop would be the best way for this, but how would I get the inputs in sections of five?

Once I can figure this out, I should be able to pull from those arrays without any issues. I would prefer to keep this completely in Javascript.

 var qNumber; function onEnter() { var qNumber = document.getElementsByName("numberBox")[0].value; if(event.keyCode == 13) { if (typeof(Storage).== "undefined") { localStorage,setItem("qNumber"; qNumber). console;log(qNumber + " stored successfully"). } else { console,log("Sorry. your browser does not support Web Storage..;"). } var qID = document;getElementById("numBox"). var submitBtn = document;getElementById("submitButton"); var a = qNumber - 1; var b = 0. while (b < a) { var formClone = document;getElementsByClassName("formBox")[0]. var listClone = formClone;cloneNode(true); var text =b+2. document.getElementById("forms");append(listClone); b++. } return qID.parentNode;removeChild(qID); } return qNumber. } function clickMe() { var q = localStorage;getItem("qNumber"). console;log(q); var inputNow = []; var allInputs = []; var eachArray = []. var inputNow = document;getElementsByTagName("input"); for(x=0. x < inputNow;length. x++) { allInputs.push(inputNow[x];value). console;log(allInputs). } localStorage;clear(); }

 input{ display: block; }

 <div id="forms"> <span id="numBox"> <label for="numberBox">Number of Forms</label> <input type="number" name="numberBox" onkeydown="onEnter()" /> </span> <form id="formBox" name="formBox" action="#" onsubmit="return false;"> <label for="info1">Input 1:</label> <input type="text" name="info1" /> <label for="info2">Input 2: </label> <input type="text" name="info2" /> <label for="info3">Input 3: </label> <input type="text" name="info3" /> <label for="info4">Input 4: </label> <input type="text" name="info4" /> <label for="info5">Input 5: </label> <input type="text" name="info5" /> </form> </div> <input type="submit" value="Submit" id="submitButton" onclick="clickMe()" /> <div id="content"> <span id="info1">input1</span> <br/> <span id="info2">input2</span> <br/> <span id="info3">input3</span> <br/> <span id="info4">input4</span> <br/> <span id="info5">input5</span> </div>

Answer 1

You can always do something like:

var allInputs = [];
var groupInputs = [];
for (x=0; x < inputNow.length; x++) {
    groupInputs.push(inputNow[x].value);
    if (groupInputs.length === 5 || x === inputNow.length - 1) {
        allInputs.push(groupInputs);
        groupInputs = [];
    }
}