Realtime-Chat-WebApp-with-firebase/main.js at master · mrinal1209/Realtime-Chat-WebApp-with-firebase · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

  // Initialize Firebase
  var config = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    storageBucket: "",
    messagingSenderId: ""
  };
  firebase.initializeApp(config);
  var database = firebase.database();

  var USER = prompt("Enter Your Name : -");


  function btnSubmit(){
var data = {
  user: USER,
  text: document.getElementById("msg").value
};
database.ref('projects').child('messages').push(data);
document.getElementById("msg").value='';
  }


database.ref('projects').child('messages').on('child_added',function(data){


if(data.val().user == USER)
{
document.getElementById("logs").innerHTML +="<div class='chat self'><div class='user-photo'></div><p class='chat-message'>" +  data.val().user + " : - " + data.val().text +  "</p></div>";
}
else
{
document.getElementById("logs").innerHTML +="<div class='chat friend'><div class='user-photo'></div><p class='chat-message'>"  +  data.val().user + " : - " + data.val().text +  "</p></div>";
}

});