var config = {

  apiKey: "AIzaSyCvpYQu44zmRXA0XQkcxEuakyytRsnWXSc",

  authDomain: "stackoverflow.firebaseapp.com",

  databaseURL: "https://stackoverflow.firebaseio.com",

  projectId: "project-8080059325282098184",

  storageBucket: "project-8080059325282098184.appspot.com",

  messagingSenderId: "82293832823"

};

firebase.initializeApp(config);

//firebase.firestore.setLogLevel('debug');

​

var db = firebase.firestore();

var ref = db.collection("63401408");

​

var productsList = document.getElementById("productsList");

​

​

ref.get().then(function(snapshot) {

  snapshot.forEach(function(doc) {

    var productid = doc.data().id;

    var productname = doc.data().name;

    productsList.innerHTML += "<div class='product-container' ><div class='course'><h2>"+ productname +"</h2><h6>"+ productid +"</h6><button id='editbutton' class='btn' >Edit Product</button></div></div></div>"

  });

});

​

productsList.addEventListener('click', function(e) {

  e.preventDefault();

  if (e.target.localName === 'button') {

    var h6 = e.target.parentElement.getElementsByTagName("h6")[0];

    alert(h6.textContent);

  }

  return false;

});