🤖 JavaScript i praktiken - Introduktion till state och klasser

Bygg en state-klass för appen

Det finns redan grunder till en liten applikation i HTML och CSS. Din uppgift är att skapa en JavaScript-class i script.js som håller all state och styr hur UI:t uppdateras. Din klass ska stå för logiken och bör innehålla minst en getter och setter för att kunna hantera state på ett smidigt sätt

🎯 Mål

• Inneslut state i en klass (t.ex. AppState) som skapas exakt en gång.
• Exponera metoder för att skapa, läsa, uppdatera och radera poster i state.
• Koppla state till UI så att ändringar i state återspeglas i sidan.

💻 Förväntat resultat

• UI uppdateras när state ändras – inte tvärtom.
• CRUD fungerar via klassens publika API och kan triggas via UI.
• Felhantering finns och kraschar inte appen vid ogiltiga indata.
• Koden är uppdelad så att state-logik och DOM-hantering är lätt att följa.

🎁 Bonusuppgifter

• Persistens med localStorage (ladda initialt state och spara efter varje förändring).
• Asynkron utbyggnad: simulera fördröjning eller använd fetch för att synka mot en enkel API-endpoint.
• Bygg ut UI:t

💡 Tips

• Börja med den minsta möjliga varianten av klassen och utöka stegvis.
• Skriv små, fokuserade metoder med tydliga namn.
• Låt en enda instans sköta allt state (inga globala spridda variabler).