如何通过单击删除并双击删除

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>