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 | ||
| 23 | // zdarzenie po kliknięciu w listę zadań | |
| 24 | document.getElementById('listaZadan').addEventListener('click', function(e) {
| |
| 25 | //usuwamy kliknięty element listy | |
| 26 | this.removeChild(e.target); | |
| 27 | }); | |
| 28 | ||
| 29 | ||
| 30 | document.getElementById('przyciskDrukuj').addEventListener('click', function () {
| |
| 31 | const obszarWydruku = document.getElementById('doWydrukowania').innerHTML;
| |
| 32 | //ustawiamy obszar wydruku tylko na elementy naszej listy zadań | |
| 33 | document.body.innerHTML = obszarWydruku; | |
| 34 | //okno drukowania | |
| 35 | window.print(); | |
| 36 | //odświeżenie całej strony | |
| 37 | window.location.reload(); | |
| 38 | - | |
| 38 | + | }); |