Untitled
unknown
javascript
3 years ago
1.2 kB
10
Indexable
// 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 czyli 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) {
//zapisujemy do zmiennej odowłanie do elementu listy, który został kliknięty
const elementListy = e.target;
//usuwamy kliknięty element listy
this.removeChild(elementListy);
});
Editor is loading...