Estoy tratando de crear un formulario de inicio de sesión y quiero que esa información se guarde en mi base de datos de Firebase. He escrito el código pero los datos no se agregan a mi base de fuego
Aquí está el código de código html
<input type="password" id="password" placeholder="Ur password" required style="background-color: white; border: none; top: 55%; left: 41.5%; position: absolute; width: 15%; height: 3%;"> <button id="register" style="position: absolute; left: 48%; color: green; top: 60%; border-radius: 2%; border-color: green;" >Continue</button>Aquí está el código que usé para conectarme a firebase
<script src="https://www.gstatic.com/firebasejs/9.1.1/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/9.1.1/firebase-auth.js"></script> <script src="https://www.gstatic.com/firebasejs/9.1.1/firebase-database.js"></script>y aquí está el código que estoy usando para agregar los datos a firebase:
<script id="main"> const firebaseConfig = { ***The config info is here but i removed it for privacy reasons*** }; const app = initializeApp(firebaseConfig); var username, password; function ready (){ username = document.getElementById('username').value; password = document.getElementById('password').value; } document.getElementById('register').onclick = function(){ ready(); firebase.database().ref('user/'+ username).set({ user: username, pass: password }) }¿Estás seguro de que la función se está activando? Si su botón está en un formulario, podría desencadenar el envío del formulario predeterminado. Además, el método set() devuelve la promesa, así que intente refactorizar la función de esta manera:
document.getElementById('register').onclick = async function() { // async function ^^^^^ console.log('Register button clicked') ready(); // add await await firebase.database().ref('user/'+ username).set({ user: username, pass: password }) console.log('Date Added To Firebase') }Si el botón tiene la forma mencionada anteriormente, intente configurar el tipo de esta manera:
<button id="register" type="button" ></button>