lechinal / JS-tasker

Mini project for JS-training - https://lechinal.github.io/JS-tasker/

Acest ghid pas cu pas ar trebui să îți ofere o înțelegere clară a funcționalității și structurii codului:

1. Funcția inputIsValid(input): Această funcție primește un input și verifică dacă acesta este nevid. Dacă input-ul nu este gol, funcția returnează true, altfel returnează false. Această funcție este folosită pentru a valida dacă input-ul utilizatorului pentru un nou task este valid.

2. Funcția displayMessage(message): Această funcție primește un message și îl afișează în elementul messageElement din HTML. De asemenea, setează vizibilitatea elementului la "visible", astfel încât mesajul să fie afișat vizual.

3. Funcția handleInputKeydown(event): Această funcție ascultă evenimentul keydown pe elementul newTask (input-ul pentru introducerea noului task). Verifică dacă tasta apăsată are codul 13, care corespunde tastei Enter. Dacă da, apelează funcția addTask() pentru a adăuga noul task.

4. Funcția addTask(): Această funcție este apelată atunci când utilizatorul dă click pe butonul "Submit" sau apasă Enter în câmpul de input newTask. Mai întâi verifică dacă input-ul este valid folosind funcția inputIsValid. Dacă input-ul este valid, verifică dacă lista de task-uri este goală. Dacă este, adaugă mesajul "Your tasks for today:" în lista de task-uri. Apoi adaugă noul task în lista de task-uri și resetează câmpul de input. Dacă input-ul nu este valid, afișează un mesaj de eroare.

5. Funcția handleTaskClick(event): Această funcție ascultă evenimentul click pe lista de task-uri. Ea detectează dacă utilizatorul a făcut click pe un task și inversază stilul de text-decoration între normal și "line-through", pentru a marca sau demarca un task.

6. Funcția clearList(): Această funcție este apelată când utilizatorul dă click pe butonul "Clear". Ea elimină toate elementele din lista de task-uri, apoi afișează mesajul de bun venit din nou.

7. Constantele și adăugarea de ascultători: Aici sunt definite constantele necesare pentru mesaje și referințele la elementele HTML relevante. De asemenea, sunt adăugate ascultătoare de evenimente pentru butoane și câmpul de input.

8. Inițializarea mesajului de bun venit: La început, se afișează mesajul de bun venit "Good, you have no tasks today!" folosind funcția displayMessage().

AlinL https://github.com/lechinal, www.linkedin.com/in/alin-lechintan-2582b181