Estoy tratando de programar una aplicación web de chat con Firebase. Estoy usando HTML como método de retorno en Javascript. Traté de incluir mi base de datos Firebase pero recibo un error, que la base de datos no está definida. ¿Alguien puede resolver mi problema?
function Chats() { const username = prompt("What's your name?"); document.getElementById("send-message").addEventListener("submit", postChat); function postChat(e) { e.preventDefault(); const timestamp = Date.now(); const chatTxt = document.getElementById("chat-txt"); const message = chatTxt.value; chatTxt.value = ""; db.ref("messages/" + timestamp).set({ usr: username, msg: message, }); } return ( <div id="chat"> <ul id = "messages"></ul> <form id="send-messages"> <input id="chat-txt" type= "text"></input> <button id="chat-btn">Submit</button> </form> <script src="https://www.gstatic.com/firebasejs/9.8.1/firebase-app.js"></script> <script src="https://united-parents-default-rtdb.europe-west1.firebasedatabase.app"></script> </div> ); }declara la variable DB al comienzo de tu script
var db = firebase.database();primero tienes que inicializar la base de fuego
<script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-storage.js"></script> <script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-database.js"></script> <script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-functions.js"></script> <script> var firebaseConfig = { apiKey: "api_key", authDomain: "authDomain", databaseURL: "databaseURL", projectId: "projectId", storageBucket: "storageBucket", messagingSenderId: "messagingSenderId", appId: "appId" }; firebase.initializeApp(firebaseConfig); </script>también puedes obtener esto desde la consola firebase