TypeScript – ToggleHandler

// ToggleHandler.ts

class ToggleHandler {
  private toggleElement: HTMLElement | null;

  constructor(elementId: string) {
    // Kiválasztjuk az elemet az adott ID-val
    this.toggleElement = document.getElementById(elementId);

    if (this.toggleElement) {
      this.addClickListener();
    } else {
      console.error(`Az '${elementId}' ID-val rendelkező elem nem található.`);
    }
  }

  // Metódus az eseményfigyelő hozzáadására
  private addClickListener(): void {
    this.toggleElement!.addEventListener('click', this.handleClick);
  }

  // Eseménykezelő függvény
  private handleClick = (): void => {
    console.log('Toggle clicked');
  };
}

// Inicializálás, amikor a DOM betöltődött
document.addEventListener('DOMContentLoaded', () => {
  new ToggleHandler('wpflamesToggle');
});