Untitled

<html>
   <head>
      <meta charset="utf-8">
      <style>
         #message {
            resize: none;
            position: relative;
            top: 7px;
            overflow: scroll;
            padding: 5px;
            height: 100px;
            width: 250px;
         }

         #mensagens {
            height: 500px;
            overflow-y: scroll;
            word-wrap: break-word;
         }
      </style>
      <script src="https://www.gstatic.com/firebasejs/3.6.1/firebase.js"></script>
      <script>
      // Initialize Firebase
      var config = {
         apiKey: "AIzaSyAaHjwa84CbQa4eAFXYSnmXVJXr6KUatuQ",
         authDomain: "ruck-7766f.firebaseapp.com",
         databaseURL: "https://ruck-7766f.firebaseio.com",
         storageBucket: "ruck-7766f.appspot.com",
         messagingSenderId: "340812203815"
      };
      firebase.initializeApp(config);

      var database = firebase();
      </script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
      <script>
         // Função que escreve no banco
         function writeUserData(username, msg) {
            firebase.database().ref('users/').push({
               username: username,
               msg: msg
            });
         }

         // Função que retorna os resultados do banco
         function readUserData() {
            firebase.database().ref('users/').on('child_added', function(snap) {
               var data = snap.val();
               $('#mensagens').append(data.username + ":" + data.msg + "<Br>");
               $("#mensagens").animate({ scrollTop: $("#mensagens")[0].scrollHeight }, 0);
            });
         }

         $(document).ready(function() {

         readUserData();

         $('#message').keypress(function() {
            var username = $('#username').val();
            var msg = $('#message').val();

            writeUserData(username, msg);

            $('#message').val('');
         });


         });
      </script>
   </head>
   <body>
      <div id="mensagens">

      </div>
      <input id="username" type="text" placeholder="Username"/>
      <textarea id="message" type="password" placeholder="Senha"></textarea>
      <button id="enviar">Enviar</button>
   </body>
</html>