Dynamic Double-Click Event

Add List Item (Single click)

Return to Double click tutorial

Complete JavaScript Source

const addButton = document.getElementById('addItem');
const list = document.getElementById('dynamicList');
addButton.addEventListener('click', () => {
  const item = document.createElement('li');
  item.textContent = 'Double-click to remove me';
  item.addEventListener('dblclick', () => item.remove());
  list.appendChild(item);
});

Complete HTML Source

<button id="addItem" type="button" class="btn btn-outline-info">Add List Item (Single click)</button>
<ul id="dynamicList" class="mt-3"></ul>