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 |