javascript - 如何在单击时删除并在双击特定标签时删除

Question

我正在尽力做到这一点。请帮忙

当单击第一个数据时，列表中的最后一个数据是删除线和相同的删除我基本上尝试的是单击删除并双击删除被单击的相同数据

这是代码

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>

标签： javascriptruntime-error