如何解决如何通过单击删除并双击删除
我正在尽力做到这一点。请帮忙
单击第一个数据时,列表中的最后一个数据为“删除线”,删除时相同 我基本上想做的是单击并删除,双击则删除相同的数据
这是代码
let addButton = document.getElementById('add');
let displayData = document.getElementById('display');
let data = document.getElementById('txt');
addButton.addEventListener('click',() => {
para = document.createElement('p');
para.innerHTML = data.value;
para.classList.add('pStyle');
displayData.appendChild(para);
data.value = '';
para.addEventListener('click',() => {
para.style.textDecoration = 'line-through';
});
para.addEventListener('dblclick',() => {
displayData.removeChild(para);
});
console.log(para);
});
<div class="outer">
<div class="inner" id="display">
<h3>Todo List</h3>
<input type="text" id="txt" />
<button id="add">+</button>
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。