Przyciski <button> | Dodajemy przyciski do dodawania i usuwania zadań

W aplikacji konsolowej dodawaliśmy i usuwaliśmy zadania za pomocą poleceń JavaScript opakowanych w stworzone przez nas funkcje, które ręcznie wywoływaliśmy w konsoli. W realnym świecie i aplikacjach nikt oczywiście tak nie robi. Potrzebujemy przycisków, w które będziemy klikać, kiedy będziemy chcieli dodać lub usunąć zadanie, ale także wyczyścić listę.

W HTMLu przyciski tworzymy za pomocą tagu <button>. Zróbmy więc to za pomocą poniższego kodu:

<h1>Twoje zadania</h1>

<hr>

<button>dodaj zadanie</button>

<ul>
  <li>zrobić kawę <button>usuń</button></li>
  <li>wypić jogurt <button>usuń</button></li>
  <li>sprawdzić maila <button>usuń</button></li>
</ul>

<button>wyczyść listę</button>