View difference between Paste ID: cFXXTcdB and ShgiSXhH
SHOW: | | - or go back to the newest paste.
1
// zdarzenie po kliknięciu w przycisk dodaj
2
document.getElementById("przyciskDodaj").addEventListener("click", function () {
3
  // do zmiennej przypisujemy teskt, który użytkownik wpisał w polu input
4
  const nowyElement = document.getElementById("element").value.trim();
5
  //jeśli tekst jest różny od pustego (użytkownik wpisał jakiś ciąg znaków
6
  if (nowyElement != "") {
7
    //czyścimy ewentualny komunikat
8
    document.getElementById("komunikat").textContent = "";
9
    //dodajemy nowy element do naszej listy numerowanej
10
    document.getElementById("listaZadan").innerHTML +=
11
      "<li>" + nowyElement + "</li>";
12
    //czyścimy pole input
13
    document.getElementById("element").value = "";
14
  } 
15
  else {
16
    //wyświetlamy komunikat bo użytkownik nic nie wpisał
17
    document.getElementById("komunikat").textContent = "Uzupełnij pole";
18
  }
19
});
20
21
22
// zdarzenie po kliknięciu w listę zadań
23
document.getElementById('listaZadan').addEventListener('click', function(e) {
24
  //usuwamy kliknięty element listy
25
  this.removeChild(e.target);
26
});
27
28
29
document.getElementById('przyciskDrukuj').addEventListener('click', function () {
30
  const obszarWydruku = document.getElementById('doWydrukowania').innerHTML;
31
  //ustawiamy obszar wydruku tylko na elementy naszej listy zadań
32
  document.body.innerHTML = obszarWydruku;
33
  //okno drukowania
34
  window.print();
35
  //odświeżenie całej strony
36
  window.location.reload();
37
});
38