JS Funktion soll erkennen, welches li im Nav angeklickt wurde

[hmm]

ich hab unten geschrieben was passieren soll. Hier der aktuelle Code des Templates (hauptsächlich Platzhalter die ebenfalls per JavaScript befüllt werden):

    <template id="centerBereich">
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#sectionA">Skillmatrix</a></li>
            <li><a data-toggle="tab" href="#sectionB">Skills</a></li>
            <li><a data-toggle="tab" href="#sectionC">Benutzer</a></li>
        </ul>
           
        <div class="tab-content">
            <div id="sectionA" class="tab-pane fade in active">
                <table id='tabelleMain'></table>
                <button title="Mitarbeiter hinzufügen" class="addMitarbeiter-button" onclick="createNewMitarbeiter();"></input>
                <button title="Ausgewählte Mitarbeiter löschen" class="removeMitarbeiter-button" onclick="removeMitarbeiter();"></input>
                <button title="Tabelle drucken"  class="print-button" onclick="printElem('skillmatrix');"></input>
            </div>
            <div id="sectionB" class="tab-pane fade">
                <table id='tabelleSkills'></table>
                <div class="left"></div>
            </div>
            <div id="sectionC" class="tab-pane fade">
            </div>
        </div>
    </template>