2. házi feladat – JavaScript alapok

Feladat leírása

Készíts egy interaktív TODO alkalmazást vanilla JavaScript segítségével. Az alkalmazásnak a localStorage-t kell használnia az adatok megőrzéséhez.

Követelmények

• Új feladat hozzáadása szöveg beírásával
• Feladat kész/nincs kész állapot váltása
• Feladat törlése
• Adatok mentése localStorage-ba
• Szűrés: összes / aktív / kész

Példakód

class TodoApp {
  constructor() {
    this.todos = JSON.parse(localStorage.getItem('todos')) || [];
    this.filter = 'all';
    this.render();
  }

  addTodo(text) {
    this.todos.push({
      id: Date.now(),
      text,
      completed: false,
    });
    this.save();
    this.render();
  }

  toggleTodo(id) {
    const todo = this.todos.find(t => t.id === id);
    if (todo) {
      todo.completed = !todo.completed;
      this.save();
      this.render();
    }
  }

  save() {
    localStorage.setItem('todos', JSON.stringify(this.todos));
  }

  render() {
    // DOM frissítése...
  }
}

const app = new TodoApp();

Beadás

• Határidő: 2025. március 21. 23:59
• Beadás módja: GitHub repository link a Moodle-ben
• Pontozás: Maximum 20 pont