Не удается отправить данные в базу данных Firebase из Html

Question

Мне нужна помощь в базе данных реального времени. Я пытаюсь создать приложение для чата в реальном времени с html, javascript и базой данных firebase. Но я не вижу никнеймов, которые я написал в index. html в базе данных реального времени firebase. В чем моя проблема? (Я заменил его на "*" вместо информации о моем проекте базы данных). Я знаю, что кодов много, но не могу разобраться в этом. Почему бы не подключиться? index. html есть:

<script src="/__/firebase/7.14.2/firebase-app.js"></script>

<!-- Add Firebase products that you want to use -->
<script src="/__/firebase/7.14.2/firebase-auth.js"></script>
<script src="/__/firebase/7.14.2/firebase-firestore.js"></script>

<script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.2/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-functions.js"></script>

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/7.14.2/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="/__/firebase/7.14.2/firebase-analytics.js"></script>

<!-- Initialize Firebase -->
<script>

  var firebaseConfig = {
    apiKey: "***************",
    authDomain: "*****************",
    databaseURL: "*****************",
    projectId: "*************",
    storageBucket: "************",
    messagingSenderId: "*********",
    appId: "*****************",
    measurementId: "**************"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>


<script src="function.js">
</script>

функция. js:

function uyeKaydet() {
    var kadi = $("#kadi").val();
    if (kadi != "") {
        var userKey = firebase.database().ref("users/").push().key; 
        firebase.database().ref("users/" + userKey).set({
            username: kadi,
            kulid: userKey
        });
        $("#girisEkrani").hide();
        $("#chatEkrani").show();
        chatYukle();
    } else {
        alert("Do not empty this area!");
    }
}


function sendMessage() {
    var mesaj = $("#mesaj").val();
    var kadi = $("#kadi").val();
    if (kadi != "" && mesaj != "") {
        var tarih = new Date();
        var messageKey = firebase.database().ref("chats/").push().key; 
        firebase.database().ref("chats/" + messageKey).set({
            message: mesaj,
            from: kadi,
            tarih: tarih.getTime()
        });

        $("#mesaj").val(''); 
    } else {
        alert("Do not empty this place!");
    }
}


function chatYukle() {
    var query = firebase.database().ref("chats");
    var kadi = $("#kadi").val();
    query.on('value', function(snapshot) {
        $("#mesajAlani").html("");
        snapshot.forEach(function(childSnapshot) {
            var data = childSnapshot.val();
            if (data.from == kadi) {

                var mesaj = `<div class="d-flex justify-content-end">
                <div class="alert alert-info" role="alert">
                    ` + data.message + ` <b>@` + data.from + `</b>
                      </div>
                 </div>`;
                $("#mesajAlani").append(mesaj);
            } else {

                var mesaj = `<div class="d-flex">
                                    <div class="alert alert-dark" role="alert">
                                      <b>@` + data.from + `</b> ` + data.message + `
                                  </div>
                           </div>`;
                $("#mesajAlani").append(mesaj);
            }
            $(".card-body").scrollTop($('.card-body')[0].scrollHeight - $('.card-body')[0].clientHeight);
        });

    });
}