¿Cómo puedo hacer una función de eliminación que elimine la lista específica del almacenamiento local cuando se hace clic en el botón Eliminar y actualizar los datos? Soy un principiante y no tengo idea de cómo puedo hacer que esto suceda. Intenté buscar una solución viendo un video, pero no pude encontrar una solución que pueda entender.
let input = document.querySelector('input'); let btn = document.querySelector('button'); let ul = document.querySelector('ul'); let arr = getItem() || []; arr.forEach(renderItem); function addItem() { let inVal = input.value; if (inVal === '') return; renderItem(inVal); arr.push(inVal); setItem(arr); input.value = ''; input.focus(); } btn.addEventListener('click', () => { addItem(); }); window.addEventListener('keydown', e => { if (e.key === 'Enter') { addItem(); } }); function renderItem(render) { let li = document.createElement('li'); li.innerText = render; let del = document.createElement('button'); del.innerText = 'delete'; del.setAttribute('class', 'delete'); li.append(del); ul.append(li); } function setItem(set) { localStorage.setItem('name', JSON.stringify(arr)); } function getItem() { let result = localStorage.getItem('name'); return JSON.parse(result); }