我正在尽力做到这一点。请帮忙
单击第一个数据时,列表中的最后一个数据为“删除线”,删除时相同 我基本上想做的是单击并删除,双击则删除相同的数据
这是代码
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>