javascript - addEventListener不起作用，始终返回null

我正在尝试在我的Firebase中设置一个新值，但是我总是收到错误Uncaught TypeError: Cannot read property 'addEventListener' of null。 Firebase.js加载在文件的开头。
我必须在代码中进行哪些更改才能使其正常工作？

index.html

<div class="container">
    <div class="form-group">
        <input type="text" id="txtUsername" class="form-control">
        <input type="text" id="txtBirthday" class="form-control">
        <input type="text" id="txtFn" class="form-control">
        <button id="btUpdateDb" class="btn btn-primary">Update</button>
    </div>
</div>

<script>
    var txtUsername = document.getElementById("txtUsername").value,
        txtBirthday = document.getElementById("txtBirthday").value,
        txtFn = document.getElementById("txtFn").value,
        btUpdateDb = document.getElementById("btUpdateMessage"),
        rootRef = new Firebase("https://test5421234.firebaseio.com"),
        ref = new Firebase("https://test5421234.firebaseio.com/people"),
        usersRef = ref.child("users");

    btUpdateDb.addEventListener("click", function () {
        "use strict";
        usersRef.set(txtUsername);
    });

</script>

最佳答案

您尚未正确选择此元素。具体来说，您不会传递按钮的ID。因此，您会收到此错误

此btUpdateDb = document.getElementById("btUpdateMessage"),应更改为此btUpdateDb = document.getElementById("btUpdateDb"),，它将像超级按钮一样工作。