addEventListenerで関数に引数を追加してもうまく動かない

#.addEventListenerとは？

ボタンなどの要素にイベントを登録するメソッドのことです。

#使い方

こんな感じで使います。
要素. addEventListener(イベント名,関数名);

index.html

        <button id="add">追加</button>
        <script>
            function addTextNode() {
                var tag = document.createElement('p'),
                    text  = document.createTextNode('OK!');
                document.body.appendChild(tag).appendChild(text);
            }
            var el = document.getElementById('add');
            el.addEventListener('click',addTextNode());
        </script>

これを実行すると、

リロードしても、追加ボタンを押下してもOK！が追加されていきませんでした。

before.html

  var el = document.getElementById('add');
  el.addEventListener('click',addTextNode());

after.html

  var el = document.getElementById('add');
  el.addEventListener('click',addTextNode);

addEventListenerの第２引数にある関数のカッコを無くすと、

何故かうまくいく・・・