title: How do i get data from firebase and display in html?
body: <p>This my code so far (ive gone through several iterations and nothing works)
  Im trying to get the patients email and display it on my html web page.</p>
  
  <p>Ideally im trying to get the data to display in a html form but im just using alert for now to get it showing.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "AIzaSyAJzJubsXxt0LaXArXTqReJPc29EEibg9w",
      authDomain: "medapp-f2621.firebaseapp.com",
      databaseURL: "https://medapp-f2621.firebaseio.com",
      projectId: "medapp-f2621",
      storageBucket: "medapp-f2621.appspot.com",
      messagingSenderId: "655222508631",
      appId: "1:655222508631:web:98c905fa1905a1f22f6712",
      measurementId: "G-927SW3SCE0"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  
  
  
    var patientsRef = firebase.database().ref("patients");
  
    patientsRef.on("value", function(snapshot) {
    snapshot.forEach(function(childSnapshot) {
    var childData = childSnapshot.val();
    var email=childData.email;
    window.alert(email);
   });
  });
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is the database 
  <a href="https://i.stack.imgur.com/mxO7q.png" rel="nofollow noreferrer">database</a></p>