Почему текст не отображается в FireBase

Question

Я пытаюсь сохранить текст, введенный в текстовое поле на моей веб-странице.

Это мой код для сохранения данных

function btnLogin(){
      firebase.auth().onAuthStateChanged(function(user){
       if(user){
        var time = new Date();
         var options = {
         weekday: "long", 
         month: "long",
         day:  "2-digit",
         year: "numeric",

    };

  var message = $("#d").val(); 

  var userId = firebase.auth().currentUser;
  var uid = userId.uid;
    var myref = firebase.database().ref('users').child(uid).child('Blogs');


    var blogInformation =
    {
        "desc": message,
        "time": time.toLocaleString('en-US', {hour: 'numeric', minute: 'numeric', hour12: true}),
        "date": time.toLocaleDateString('en-US',options),
        "counter": 100000000 - counter
    }

    var newPostRef = myref.push();
    newPostRef.set(blogInformation, function(err){
        if(err){
            $("#result").attr("class","alert alert-danger");
            $("#result").html(err.message);
        }else{
            $("#result").attr("class","alert alert-success");
            $("#result").html("Blog has been added successfully.");

            window.open("","_self");
        }
    });

          }

      });


       resetForm();

    }

Но при сохранении в firebase текст не отображается. Изображение ниже - скриншот моей базы. Я надеюсь, что мой вопрос ясен. Может кто-нибудь помочь, пожалуйста.

введите описание изображения здесь

Это мой HTML

<div class="container text-center">
     <form id="main-form">
          <div class="form-group">
             <textarea id="d" type="text" rows="5" placeholder="Description..." class="form-control" ></textarea>
          </div>
          <div class="form-group">
                 <button id="save-blog" type="button" style="width: 150px; height: 60px;" class="btn btn-light bg-light text-dark" onclick="btnLogin()">PUBLISH</button>
          </div>
     </form>

     <div id="result">

     </div>

Answer 1

Я думаю, вы должны попробовать этот код. JavaScript должен определить, что значение текстового поля изменяется.

$('#d').change(function () {
  var d = $("#d").val();
  if (d != '') {
      console.log(d);
  }
});

Дайте мне знать, если это поможет.

Answer 2

Убедитесь, что у вас есть ввод html, select или textarea, со значением и id = d;

<input value='something' id='d' />

Убедитесь, что сообщение имеет значение:

var message = $("#d").val(); 
console.log(message);

Также,узнать о перемещении переменных, области действия функции, const и let.

Дайте мне знать, если это поможет