Javascript 从数组中特定位置的输入推送值

Javascript 从数组中特定位置的输入推送值,javascript,html,arrays,function,Javascript,Html,Arrays,Function,继续 现在,我必须将值放入tmpARR数组,如下所示: var count = 0; var tmpARR = ["count++", "text value from text input", "value from input Num 1", "0", "value from input Num 2", "Just some default text"]; var tmpARR = ["count++", "text value from text input", "value from

继续

现在,我必须将值放入tmpARR数组,如下所示:

var count = 0;
var tmpARR = ["count++", "text value from text input", "value from input Num 1", "0", "value from input Num 2", "Just some default text"];
var tmpARR = ["count++", "text value from text input", "value from input Num 1", "0", "value from input Num 2", "Just some default text"];
问题是:我应该如何更改guardarNumeros(),以便在如下数组中添加信息:

var count = 0;
var tmpARR = ["count++", "text value from text input", "value from input Num 1", "0", "value from input Num 2", "Just some default text"];
var tmpARR = ["count++", "text value from text input", "value from input Num 1", "0", "value from input Num 2", "Just some default text"];
感谢Pransh Tiwari编辑了我的函数guardarNumeros()

由于stackoverflow在文章中对太多代码的规定,我无法在代码中添加代码片段,所以我写了这句话,抱歉

var总输入;
var-myinput;
var-tmpARR=[];
变量计数=0,
类型=['t','C'/*,'Q'*/],
button=document.getElementById('button');
按钮。addEventListener(“单击”,createInputs,false);
函数createInputs(){
如果(!validInput()){
返回;
}
计数+=1;
创建输入(计数);
}
函数createInput(计数){
totalInputs=document.getElementsByClassName('myInput')。长度;
var existingNode=document.getElementsByClassName('myInput')[totalInputs-1];
type.forEach(函数(类型){
var newNode=existingNode.cloneNode();
newNode.value=null;
newNode.id=类型++计数;
newNode.placeholder='placeholder'+类型;
newNode.dataset.id='id'+计数;
追加节点(newNode);
})
}
函数追加节点(node){
document.querySelector(“#div”).appendChild(节点);
}
函数validInput(){
myInputs=document.getElementsByCassName('myInput');
var valid=true;
Array.prototype.slice.call(myInputs).forEach(函数(输入){
input.classList.remove('error');
如果(!input.value){
input.classList.add('error');
有效=错误;
}
});
返回有效;
}
函数removeError(事件){
event.classList.remove('error');
}
函数guardarNumeros(){
boxvalue=document.getElementsByClassName('myInput');
i=0;
而(i
#标题{
字体系列:“泰晤士报新罗马”,泰晤士报,衬线;
字体大小:200%;
}
#台阶{
字体大小:15磅;
明确:两者皆有;
}
#步骤2{
字体大小:15磅;
明确:两者皆有;
}
#步骤3{
字体大小:15磅;
明确:两者皆有;
}
总结{
背景#009688;
颜色:#fff;
填充物:5px;
利润底部:3倍;
文本对齐:左对齐;
光标:指针;
填充物:5px;
宽度:250px;
/*背景色:#4CAF50*/
}
摘要:悬停{
背景:#008999;
}
.displayBlockInline Flex{
显示:内联flex;
}
#边缘20{
左边距:20px;
垂直对齐:中间对齐;
}
#容器{
宽度:自动;
高度:自动;
保证金:0自动;
显示:无;
}
a、 我的按钮{
颜色:#fff;
/* цвет текста */
文字装饰:无;
/* убирать подчёркивание у ссылок */
用户选择:无;
/* убирать выделение текста */
背景:rgb(212,75,56);
/* фон кнопки */
大纲:无;
/*бббббббббббббб*/
文本对齐:居中;
光标:指针;
宽度:150px;
填充底部:11px;
}
a、 我的按钮:悬停{
背景:rgb(232,95,76);
}
/* при наведении курсора мышки */
a、 myButton:活动{
背景:rgb(152,15,0);
}
/* при нажатии */
.按钮1{
/*背景色:#fc0;/*аааааааа*/
/*填充物:5px;/*Пааааааа*/
浮动:左;
/* Обтекание по правому краю */
宽度:450px;
/* Ширина слоя */
}
.按钮2{
/*背景色:#C0C0C0C0;/*фаааааааа*/
/*填充物:5px;/*Пааааааа*/
宽度:650px;
/* Ширина слоя */
浮动:对;
/* Обтекание по правому краю */
}
.清楚{
清除:左;
/* Отмена обтекания */
}
.包装纸{
宽度:1100px;
左边距:20px;
}
/*投入*/
#div{
文本对齐:居中;
}
.myInput{
高度:40px;
大纲:无;
宽度:自动;
边框:1px实心#999;
边界半径:4px;
填充物:5px10px;
保证金:5px;
显示:内联块;
}
.myInput.error{
边框:1px纯红;
}
#行动{
利润率:10px0;
文本对齐:居中;
}
#钮扣{
宽度:190px;
高度:40px;
背景#009688;
颜色:#fff;
字号:600;
字体大小:13px;
边界半径:4px;
边界:无;
/*文本转换:大写*/
大纲:无;
光标:指针;
}
#按钮:悬停{
背景:#008999;
}

添加更多输入
编辑:我完全误解了这个问题。以下是更新:

以下是我认为您正在努力实现的一个简约版本:

document.getElementById(“button1”).addEventListener(“单击”),()=>{button1_clicked();});
document.getElementById(“button2”).addEventListener(“单击“,()=>{button2_clicked();});
让输入=document.queryselectoral(#container input[type='text']);
const container=document.getElementById(“容器”);
常量主数组=[];
功能按钮1_单击(){
常量临时数组=[];
(一)输入{
临时数组推送(i.value);
}
主阵列推送(临时阵列);
log(“main_array=”,main_array);
}
功能按钮2_单击(){
container.innerHTML+=`
`; inputs=document.querySelectorAll(“#容器输入[type='text']”); }

添加到数组

根据我对问题的理解,添加更多输入这是解决方案:

function guardarNumeros() {
    boxvalue = document.getElementsByClassName('myInput');
    i = 0;
    count = 0;
    defaultText = "Steel"
    while (i < boxvalue.length) {
        if (boxvalue[i].type == "number") {
            if (boxvalue[i+1] && boxvalue[i+1].type == "number") {
                textValue = document.getElementById('nameAlloy').value;
                tmp = [count, textValue, boxvalue[i].value, 0, boxvalue[i+1].value, defaultText]
                tmpARR.push(tmp);
                i+=2;
                count++;
            }
        } else {
            i++;
        }
    }
    console.log(tmpARR);
    return false;
}
函数guardarNumeros(){
boxvalue=document.getElementsByClassName('myInput');
i=0;
计数=0;
defaultText=“钢”
而(i