Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Mon super tchat</title>
</head>
<body>
	<div id="chat"></div>
	<input type="taxt" id="message">
	<button id="envoyer">Envoyer</button>
	<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "AIzaSyADg6RjYIhDDWG_uDp2YvJQIoeueVJsm48",
    authDomain: "mon-super-chat-520ff.firebaseapp.com",
    databaseURL: "https://mon-super-chat-520ff.firebaseio.com",
    projectId: "mon-super-chat-520ff",
    storageBucket: "",
    messagingSenderId: "865681810459"
  };
  firebase.initializeApp(config);
  var username = "guix";
  var database = firebase.database();
  var ref = firebase.database().ref();
  var localDB = [];
  ref.on("value",function(data){
  	localDB = [];
  	// console.log(data.val());
  	console.log(data.val()[0].message);
  	for (var i = 1 ; i < data.val().length; i++) {
  	//j'aficherai tous les messange
  	localDB.push(data.val()[i]);
  }
  	//ici mise a jour de l'ecran va se faire
  });

  var button = document.getElementById("envoyer");
  button.addEventListener("click",function(){
  	var input = document.getElementById("message");
  	var message = input.value;
  	console.log(message);
  	localDB.push({"username" : username, "message" : message});
  	ref.set(localDB);
  });


</script>
</body>
</html>