Почему второй обработчик срабатывает сразу при загрузке страницы, а не при клике, как

[LeeO]

Почему второй обработчик срабатывает сразу при загрузке страницы, а не при клике, как первый? Что нужно сделать, чтобы он срабатывал при клилку? Спасибо.

window.onload=function() {

    var database = firebase.database();
    var btn1 = document.getElementById("AddBtn");


    btn1.addEventListener("click",
        function () {
            alert("Натиснули на кнопку");
        });

    btn1.addEventListener("click",
        writeUserData("Petro", "Kovach", 8)
    );

};

function writeUserData(FirstName, SecondName, IdUser) {
    firebase.database().ref('User/').child('user' + IdUser).set({
        firstname: FirstName,
        secondname: SecondName
    });
}

[ksa]

Почему второй обработчик срабатывает сразу при загрузке страницы

Так ты же его там вызываешь сам

btn1.addEventListener("click",
        writeUserData("Petro", "Kovach", 8)
    );

Сделай так...

btn1.addEventListener("click", function(){
        writeUserData("Petro", "Kovach", 8)
    });

[Alexandroppolus]

ещё вариант

btn1.addEventListener("click", writeUserData.bind(null, "Petro", "Kovach", 8));