使用HTML按钮写入Firebase实时数据库不起作用

// 引入Firebase SDK
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-database.js"></script>

// 初始化Firebase
<script>
  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.initializeApp(firebaseConfig);
</script>

// 写入Firebase实时数据库
<script>
  function writeToFirebase() {
    const database = firebase.database();
    const ref = database.ref("data");

    // 写入数据
    ref.set("Hello, Firebase!");
  }
</script>

// HTML按钮
<button onclick="writeToFirebase()">写入数据</button>