如何根据Firebase中的数据量生成动态按钮

// 引用Firebase SDK
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  databaseURL: "YOUR_DATABASE_URL",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

// 初始化Firebase
firebase.initializeApp(firebaseConfig);

// 获取对数据库的引用
const database = firebase.database();

// 查询数据库以获取数据量
const dataRef = database.ref("yourDataPath");
dataRef.once("value", function(snapshot) {
  // 遍历数据项
  snapshot.forEach(function(childSnapshot) {
    const dataItem = childSnapshot.val();
    
    // 创建按钮元素
    const button = document.createElement("button");
    
    // 设置按钮属性和文本
    button.setAttribute("data-id", childSnapshot.key);
    button.textContent = dataItem.name;
    
    // 添加按钮到网页中
    document.getElementById("buttonsContainer").appendChild(button);
  });
});

// 按钮点击事件处理函数
function handleButtonClick(event) {
  const dataId = event.target.getAttribute("data-id");
  
  // 根据数据ID执行相应的操作
  // ...
}

// 为生成的按钮添加点击事件监听器
document.getElementById("buttonsContainer").addEventListener("click", handleButtonClick);