Warum kann ich die Funktion nicht aufrufen?

[Universaldenker]

Ich möchte, dass beim Klick auf den folgenden Button:

<li><button class="tabBtn" id=tabBtn1>Für Schüler</button></li>

Der Content vom Tab aufgeht:

<div id="tab1" class="tabCont">
  <h3>Test1</h3>
  <p>BLABLA</p>
</div>

Wenn ich die Funktion onclick(); direkt im HTML vom Button benutze, dann klappt es.
Wenn ich aber das Ganze so aufrufen will:

var tB = document.getElementById('tabBtn1');
tB.onclick = openTab(event,'tab1');

Dann klappt es nicht...

Hier ist der ganze Js-code:

var tB = document.getElementById('tabBtn1');
tB.onclick = openTab(event,'tab1');

function openTab(evt, tabName) {
    var i, tabCont, tabBtn;
    tabCont = document.getElementsByClassName("tabCont");
    for (i = 0; i < tabCont.length; i++) {
        tabCont[i].style.display = "none";
    }
    tabBtn = document.getElementsByClassName("tabBtn");
    for (i = 0; i < tabBtn.length; i++) {
        tabBtn[i].className = tabBtn[i].className.replace(" active", "");
    }
    document.getElementById(tabName).style.display = "block";
    evt.currentTarget.className += " active";
}

 

[mikdoe]

stichwort function expression.

tB.onclick = function() { openTab(event,'tab1'); };