public onScrollToSection_1(): void {
document.getElementById('section-1')?.scrollIntoView({ behavior: 'smooth' });
}
<p-button
class="w-full"
styleClass="w-full"
label="Hogyan működik?"
severity="secondary"
size="large"
[outlined]="false"
(onClick)="onScrollToSection_1()"
/>
</div>
<div id="section-1"></div>
// 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');
});
constructor() {
setTimeout( ()=> {
this.allowNewServer = true
}, 2000);
}