I'm trying to save contact data from an HTML5 form to firebase but I keep getting the error firebase.database is not a function in my console.
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "***********************",
authDomain: "*********************",
databaseURL: "*********************",
projectId: "*********************",
storageBucket: "",
messagingSenderId: "***************",
appId: "**********************"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
//Reference Messages Collection
var messagesRef = firebase.database().ref('messages');
/* listen for form submit */
document.getElementById('contactForm').addEventListener('submit', submitForm);
//submitForm function
function submitForm(e){
e.preventDefault();
//get values
const name = getInputVal('name');
const email = getInputVal('email');
const phone = getInputVal('tel');
const message = getInputVal('message');
saveMessage(name, email, phone, message);
}
// Function to get form values
function getInputVal(id){
return document.getElementById(id).value;
}
// Save the message to Firebase
function saveMessage(name, email, phone, message){
const newMessageRef = messagesRef.push();
newMessageRef.set({
name: name,
email: email,
phone: phone,
message: message
});
}
I don't expect any errors at this point and I have followed different tutorial videos but I am getting the same error while its working in the video's I'm watching
