Javascript 如何使用特定按钮获取特定数据
正在使用此应用程序： 现在，我点击左边的ADD按钮，模态出现，获取模态文本输入值，创建一个新的div（项目名称），并将其附加到ADD按钮下面的列表中。现在，我有了一个let计数器，它对附加的每个新div进行计数 我的问题是，我想在打开信息的页面右侧创建一个新模式 关于每个单独的div（项目名称），并让它的数据可以更改 每个div在每次创建时都有一个新类（project1、project2、project3等等） 如何单独访问每个项目并打开包含不同信息的模式Javascript 如何使用特定按钮获取特定数据,javascript,html,Javascript,Html,正在使用此应用程序： 现在，我点击左边的ADD按钮，模态出现，获取模态文本输入值，创建一个新的div（项目名称），并将其附加到ADD按钮下面的列表中。现在，我有了一个let计数器，它对附加的每个新div进行计数 我的问题是，我想在打开信息的页面右侧创建一个新模式 关于每个单独的div（项目名称），并让它的数据可以更改 每个div在每次创建时都有一个新类（project1、project2、project3等等） 如何单独访问每个项目并打开包含不同信息的模式 const newProject =
const newProject = () =>{
let projectTitle = document.querySelector('#project-name').value;
projectCounter++;
let projectDiv = document.createElement('div');
projectDiv.classList.add('project' + projectCounter)
projectDiv.innerHTML = projectTitle;
projectsList.appendChild(projectDiv)
ProjectModal.closeModal();
document.querySelector('#project-name').value = '';
}
在最后一个函数中，我可以为一个项目创建一个新的div，但我必须手动创建，并为cls.contains添加“project1”。我个人建议实现
localStorage
拯救
localStorage
拯救
projectsList.addEventListener('click', function(e){
e.preventDefault();
let tgt = e.target;
let clsname = e.target.className;
if (cls.contains(clsname)){
ToDoFactory.createToDo();
}
})
请使用e.target.className获取新添加的div类
projectsList.addEventListener('click', function(e){
e.preventDefault();
let tgt = e.target;
let clsname = e.target.className;
if (cls.contains(clsname)){
ToDoFactory.createToDo();
}
})
<body>
<ul id="list"></ul>
<form id="form">
<input name="title" />
<input name="description" />
<button type="submit">save</button>
</form>
</body>
projectsList.addEventListener('click', function(e){
e.preventDefault();
let tgt = e.target;
let clsname = e.target.className;
if (cls.contains(clsname)){
ToDoFactory.createToDo();
}
})