Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ES6推送并绑定到阵列_Javascript_Arrays_Ecmascript 6 - Fatal编程技术网

Javascript ES6推送并绑定到阵列

Javascript ES6推送并绑定到阵列,javascript,arrays,ecmascript-6,Javascript,Arrays,Ecmascript 6,当我试图解释我的问题时,请原谅我的新手在这里的长篇大论(我也搜索过,但什么也没找到,我还想使用ES6,而不是jQuery) 我试图输入一个文本,当它被输入时,会被推入一个空数组。当输入更多输入时,我也希望将其绑定到数组 所以我让它工作了,有点。我可以在阵列中得到一件东西,但我似乎没有其他东西可以进入阵列。以下是我目前掌握的情况: 我的html: <input type="text" class="theplayer pre" name="Player" id="bind" placehol

当我试图解释我的问题时,请原谅我的新手在这里的长篇大论(我也搜索过,但什么也没找到,我还想使用ES6,而不是jQuery)

我试图输入一个文本,当它被输入时,会被推入一个空数组。当输入更多输入时,我也希望将其绑定到数组

所以我让它工作了,有点。我可以在阵列中得到一件东西,但我似乎没有其他东西可以进入阵列。以下是我目前掌握的情况:

我的html:

<input type="text" class="theplayer pre" name="Player" id="bind" placeholder="Enter Names" onclick='javascript: this.value = ""' />
我不知道我是否应该在这里为每个值都做一个计算,或者是否有方法将另一个值绑定到数组中

非常感谢您让我笨拙地解释这一点。

您可以将
元素作为
元素的兄弟元素。在
中,单击
上的
。将
值推送到数组中


让namesOfPlayers=[];
让输入=document.getElementById(“绑定”);
let button=input.nextElementSibling;
addEventListener(“单击”,函数(){
push(输入值);
console.log(层名称);
});

您需要声明一个函数,并从
onclick
(也不需要
javascript:
)调用它,就像这样
函数myArr(){const currentValue=document.getElementById(“bind”).value;let namesOfPlayers=[];namesOfPlayers.push(currentValue);console.log('namesOfPlayers',namesOfPlayers);}
在html上是这样的吗@在函数中声明
nameOfPlayers
array将在每次
单击
event时创建新数组使用onkeypress事件进行尝试,如果您想对数组执行某些操作,请使用.map函数
    let namesOfPlayers = [];
    const currentValue = document.getElementById("bind").value;
    namesOfPlayers.push(currentValue);
    //I don't know how to add in another text/value here
    console.log('namesOfPlayers', namesOfPlayers);