examplejs.js

$('#clickme').click(function(){
  var date = new Date();
   let name = document.getElementById("name").value;
      let color = document.getElementById("color").value;
  var message = document.getElementById("message").value;
  let time = date.toLocaleString()
  let input = `<span style="color: ${color};">${name}</span>: ${message} <span id="timetext">${time}</span>`
  
  let newMsgInDatabase = yourDatabase.push();
  newMsgInDatabase.set(input); //from socket.emit to database.push
  $('#message').val(''); //sets message bar back to being empty after you press send
  return false;
});

yourDatabase.on('child_added', function(msgObj){
  let msg = msgObj.val();
$("#messages").append(`<li>${msg}</li>`);
  window.scrollTo(0, document.body.scrollHeight);  
});