Javascript 无法找出值未定义的原因

Javascript 无法找出值未定义的原因,javascript,html,arrays,for-loop,typeerror,Javascript,Html,Arrays,For Loop,Typeerror,因此,我有一个函数,它的目的是在单击元素标记时删除元素标记,并从单独的列表中删除其各自的内容/成分。在浏览器上,当我检查控制台时,发现有一个TypeError,我似乎无法找到原因,一切都正常。我已经做了3个小时了,找不到解决办法,请有人帮忙。下面是代码。您需要在每个单词后输入“,”来创建一个新的标记,并且由于没有添加css,您需要单击该单词来删除它(直接在输入之后的行中的单词) const ingredientsInput=document.querySelector(“#配料”), Ingr

因此,我有一个函数,它的目的是在单击元素标记时删除元素标记,并从单独的列表中删除其各自的内容/成分。在浏览器上,当我检查控制台时,发现有一个TypeError,我似乎无法找到原因,一切都正常。我已经做了3个小时了,找不到解决办法,请有人帮忙。下面是代码。您需要在每个单词后输入“,”来创建一个新的标记,并且由于没有添加css,您需要单击该单词来删除它(直接在输入之后的行中的单词)

const ingredientsInput=document.querySelector(“#配料”),
IngreditsContainer=document.querySelector('.components___标签');
让ingredientsArray=[];
IngCreditsInput.addEventListener('input',()=>{
如果(IngCreditsInput.value.includes(',')){
设v=IngCreditsInput.value.replace(',','');
如果(v!='&&v!=',')){
设s=document.createElement('span');
s、 setAttribute('class','tag__项');
s、 innerHTML=v;
IngCreditsContainer.appendChild;
ingredientsArray.push(v);
配方包括(v,真);
ingredientsInput.value=“”;
}如果(v=','){
ingredientsInput.value=“”;
}
removeItem();
控制台日志(ingredientsArray);
}
});
函数removietem(){
const ingredientsItem=ingredientsContainer.querySelectorAll('.tag__项');
IngreditSitem.forEach(e=>{
e、 addEventListener('单击',()=>{
配方包括(e.innerHTML,false);
removeArray(ingredientsArray,e.innerHTML,false);
e、 删除();
控制台日志(ingredientsArray);
});
});
}
函数removeArray(数组、索引、结果){
对于(i=0;i0){
IngreditLead.innerHTML+=','+成分;
}否则{
IngreditLead.innerHTML+=成分;
}
}否则{
ingredientSplit=ingredientLead.innerText.split(“,”);
如果(IngCreditSplit.length>1){
IngreditLead.innerHTML=removeArray(IngreditSplit,Component,true);
}否则{
IngreditLead.innerHTML=removeArray(IngreditSplit,Component,true);
}
}
}


检查此代码这可能会有所帮助 我在没有条件匹配时添加了返回数组

const ingredientsInput=document.querySelector(“#配料”),
IngreditsContainer=document.querySelector('.components___标签');
让ingredientsArray=[];
IngCreditsInput.addEventListener('input',()=>{
如果(IngCreditsInput.value.includes(',')){
设v=IngCreditsInput.value.replace(',','');
如果(v!='&&v!=',')){
设s=document.createElement('span');
s、 setAttribute('class','tag__项');
s、 innerHTML=v;
IngCreditsContainer.appendChild;
ingredientsArray.push(v);
配方包括(v,真);
ingredientsInput.value=“”;
}else如果(v=','){
ingredientsInput.value=“”;
}
removeItem();
//控制台日志(ingredientsArray);
}
});
函数removietem(){
const ingredientsItem=ingredientsContainer.querySelectorAll('.tag__项');
IngreditSitem.forEach(e=>{
e、 addEventListener('单击',()=>{
配方包括(e.innerHTML,false);
removeArray(ingredientsArray,e.innerHTML,false);
e、 删除();
控制台日志(ingredientsArray);
});
});
}
函数removeArray(数组、索引、结果){
对于(i=0;i0){
IngreditLead.innerHTML+=','+成分;
}否则{
IngreditLead.innerHTML+=成分;
}
}否则{
ingredientSplit=ingredientLead.innerText.split(“,”);
如果(IngCreditSplit.length>1){
IngreditLead.innerHTML=removeArray(IngreditSplit,Component,true);
}否则{
IngreditLead.innerHTML=removeArray(IngreditSplit,Component,true);
}
}
}