<pre id="preview"></pre>
const firebaseConfig = {
  apiKey: "AvRJxhkVpSR8Lfb6JqZ1GE-jBfuY", // 您的 Firebase API key
  authDomain: "nodejsproject-d099d.firebaseapp.com",
  projectId: "nodejsproject-d099d",
  storageBucket: "nodejsproject-d099d.appspot.com",
  messagingSenderId: "620886577949",
  appId: "1:620886577949:web:bb7819e6cb71ffb05307f4",
  measurementId: "G-CKJW9DEX9H",
};

firebase.initializeApp(firebaseConfig);

let preview = document.querySelector("#preview");
preview.textContent = "這是預覽的值";

const myData = firebase.database().ref("myData");
let data = {
  store1: "American restaurant",
  store2: "Korean restaurant",
  store3: "Japanese restaurant",
  store4: "Taiwanese restaurant",
};
myData.set(data);
myData.on("value", function (snapshot) {
  preview.textContent = JSON.stringify(snapshot.val(), null, 3);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://www.gstatic.com/firebasejs/8.7.1/firebase-app.js
  2. https://www.gstatic.com/firebasejs/8.7.1/firebase-database.js