script.js

const input = document.querySelector('.red');
const ul = document.querySelector('ul');


ul.innerHTML = localStorage.getItem('Data') || '';
restore(); 

function task() {
  if (input.value === '') {
    alert('Enter something');
  } else {
    let li = document.createElement('li');
    li.innerHTML = input.value;

    const cross = document.createElement('span');
    cross.textContent = '✖';
    li.append(cross);

    ul.prepend(li);
    input.value = '';

    li.addEventListener('click', () => {
      li.classList.toggle('checked');
      save();
    });

    cross.addEventListener('click', (e) => {
      e.stopPropagation();
      li.remove();
      save();
    });

    save();
  }
}

function save() {
  localStorage.setItem('Data', ul.innerHTML);
}

// ⬇️ Important: Reload ke baad listener lagao
function restore() {
  const allLi = ul.querySelectorAll('li');

  allLi.forEach((li) => {
    const cross = li.querySelector('span');

    li.addEventListener('click', () => {
      li.classList.toggle('checked');
      save();
    });

    cross.addEventListener('click', (e) => {
      e.stopPropagation();
      li.remove();
      save();
    });
  });
}