JS - Lekcja 9. Lista zadań

// zdarzenie po kliknięciu w przycisk dodaj
document.getElementById("przyciskDodaj").addEventListener("click", function () {
  // do zmiennej przypisujemy teskt, który użytkownik wpisał w polu input
  const nowyElement = document.getElementById("element").value.trim();
  //jeśli tekst jest różny od pustego (użytkownik wpisał jakiś ciąg znaków
  if (nowyElement != "") {
    //czyścimy ewentualny komunikat
    document.getElementById("komunikat").textContent = "";
    //dodajemy nowy element do naszej listy numerowanej
    document.getElementById("listaZadan").innerHTML +=
      "<li>" + nowyElement + "</li>";
    //czyścimy pole input
    document.getElementById("element").value = "";
  }
  else {
    //wyświetlamy komunikat bo użytkownik nic nie wpisał
    document.getElementById("komunikat").textContent = "Uzupełnij pole";
  }
});



// zdarzenie po kliknięciu w listę zadań
document.getElementById('listaZadan').addEventListener('click', function(e) {
  //usuwamy kliknięty element listy
  this.removeChild(e.target);
});


document.getElementById('przyciskDrukuj').addEventListener('click', function () {
  const obszarWydruku = document.getElementById('doWydrukowania').innerHTML;
  //ustawiamy obszar wydruku tylko na elementy naszej listy zadań
  document.body.innerHTML = obszarWydruku;
  //okno drukowania
  window.print();
  //odświeżenie całej strony
  window.location.reload();
});