Javascript 如何将一个变量的值添加到另一个变量的名称中?
我有以下JS代码:Javascript 如何将一个变量的值添加到另一个变量的名称中?,javascript,html,css,Javascript,Html,Css,我有以下JS代码: let itemsCount = 1; addButton.onclick = () => { itemsCount++; let newElement + ${itemCount} = document.createElement("li"); newElement ${itemCount}.textContent = `thing_to_do ${itemCount}`; parent.appendChi
let itemsCount = 1;
addButton.onclick = () => {
itemsCount++;
let newElement + ${itemCount} = document.createElement("li");
newElement ${itemCount}.textContent = `thing_to_do ${itemCount}`;
parent.appendChild(newElement + ${itemsCount});
}
并且有一个“onclick”事件,每次单击都会增加itemsunt
的值1,并创建一个li
元素,然后将文本附加到它上面,我希望每个元素都有自己的个人名称:newElement
,然后我想给这个文本添加一个变量itemsunt
的值。但是当我运行代码时,它会给我一个语法错误,这是因为`${itemCount}
如果可能的话,是否有任何方法将itemCount
的值添加到变量名中
我将非常感谢您的回答。我想您需要这样的回答:
让itemscont=0;
const addButton=document.getElementById(“按钮”);
addButton.onclick=()=>{
itemsont++;
让newElement=document.createElement(“li”);
newElement.textContent=`thing_to_do${itemscont}`;
document.getElementById(“容器”).append(新元素)
}
添加
这是无效的JavaScript。始终检查错误控制台。不要使用“编号”变量名,请使用数组。由于变量不存在于AddButton的范围之外。单击此处根本没有理由使用itemCount,您可以将其称为newElement
,其行为将是相同的