JS Funktion soll erkennen, welches li im Nav angeklickt wurde

[dedlfix]

Tach!

ich habe in meinem HTML Code einen Nav Bereich, welcher zunächst leer ist. Eine JS Funktion befüllt diesen Nav Bereich mit einzelnen li Elementen und fügt jedem dieser li Elemente das OnClick-Event "testFunktion();" zu.

Dann gib lieber dem übergeordneten ul einen einzelnen Handler statt vielen Elementen jeweils denselben oder genauer gesagt, je einen mit derselben Funktionalität zuzuweisen. Events bewegen sich per Bubbling zu den Vorfahrenelementen nach oben und können auch dort behandelt werden.

Wie muss ich die testFunktion() schreiben, damit mir diese per console.log ausgeben kann, welches li Element angeklickt wurde?

Jede Eventhandler-Funktion bekommt ein Event-Objekt übergeben. Darin gibt es auch eine Eigenschaft, die auf das auslösende Element zeigt. Mit console.log() kannst du dir das Event-Objekt anschauen.

dedlfix.