Javascript


Övningsuppgift: Skapa en interaktiv "To-Do List"


Beskrivning

Gör en enkel "To-Do List" där användaren kan lägga till uppgifter, markera dem som klara och ta bort dem. Detta kommer att hjälpa er att förstå hur man interagerar med HTML-element dynamiskt via JavaScript.

Krav

  • Användaren ska kunna skriva in en uppgift i ett textfält.
  • När användaren klickar på en "Lägg till" knapp, ska uppgiften läggas till i en lista under textfältet.
  • Varje uppgift i listan ska ha en "Klar" och en "Ta bort" knapp bredvid sig.
  • När "Klar" klickas ska texten bli genomstruken.
  • När "Ta bort" klickas ska uppgiften tas bort från listan.

Steg-för-Steg

  1. Skapa en HTML-struktur med ett textfält, en "Lägg till" knapp, och en tom <ul> för listan.
  2. Skriv JavaScript-kod för att lägga till en uppgift i listan när "Lägg till" knappen klickas.
  3. Lägg till "Klar" och "Ta bort" knappar bredvid varje uppgift.
  4. Implementera funktionalitet för att markera en uppgift som klar eller att ta bort den.



Den här sidan designades av 21C: