Why my data isn't being sent to firebase from this javascript code?

Question

This is the code for my feedback page. The purpose of it is to get the feedback from patients.The problem that I am facing is that the data is not being sent to firebase. I have tried using a similar code on another page and it worked perfectly but even in that at first it did not work despite deploying the website again and again and eventually it worked after i typed console.log(). Secondly the submit button is supposed to redirect to index.html but it is not working.




  
  star-rating
  









    
        
        
            
            
            Patient Feedback
            Please let us know how our service was. It will really 
            help us to keep improving our service!
            
            
            
            
            MR Number    
            
            
            
            
            Department    
            
            
            
            
            Doctor Name    
            
            
            
                
                
                

                

                
                Registration
                Rating
                
                
                
                    Attitude of staff
                
                    
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                
                
                
                    Information and Assistance
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    

                
                
                    Registration process
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    
                    
                


                                
                
                

                

                
                Vitals
                Rating
                
                
                
                    Attitude of staff
                
                    
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                
                
                
                    Information and Assistance
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    

                
                
                    Vitals process
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    
                    
                

                                
                
                

                

                
                Consultant/ Doctor
                Rating
                
                
                
                    Waiting Time
                
                    
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                
                
                
                    Attitude and Counselling
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    

                
                
                    Overall Doctor Rating
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    
                    
                


                                
                
                

                
                Laboratory/Pharmacy
                Rating
                
                
                
                    Attitude and Guidance
                
                    
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                
                
                
                    Delivery and Availability of medicine
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    

                    

                
                
                

                

                
                Environment
                Rating
                
                
                
                    Interior/ Directions
                
                    
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                
                
                
                    Temperature
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    

                
                
                    Cleaniness
                
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    
                    
                    
                    
                 



                
                    How would you rate your overall experience?

Now i'm just trying to check if data is being sent to firebase so this is the code that i've used in javascript.

  firebase.initializeApp(firebaseConfig);
  //firebase.analytics();


  const formMessage = firebase.database().ref().child('FeedbackObj');

document
  .getElementById('feedback_form')
  .addEventListener('submit', formSubmit);

//document.getElementById('appointmentForm').addEventListener('submit', formSubmit);

//Submit form
function feedbackSubmit()//e) 
{
  //e.preventDefault();
  // Get Values from the DOM
  var today = new Date();
  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();

    sendMessage(date,time);
    console.log("Data saved successfully.");

    document.querySelector('.alert').style.display = 'block';

  //Hide Alert Message After Seven Seconds
  setTimeout(function() {document.querySelector('.alert').style.display = 'none';
  }, 7000);

  document.getElementById('feedback_form').reset();

}

function sendMessage(date,time) 
{
  let newFormMessage = formMessage.push();
  console.log("Data saved successfully.");
  newFormMessage.set({
    Dated: date,
    Time:time
  });
}

But even after deploying the website again and again it still doesn't send the data. And the submit button does not redirect back to "index.html". My database rules allow data to be written.

FDLC · Accepted Answer

There are some errors in your files.

You must add the firebase products you need to use between the '' tags of your html. Code:
You are looking for an element by Id that does not exist in the Html. You must add the id attribute to the 'form' tag. Code:
You are having trouble with the 'pattern' attribute of the 'Department' field. It must not contain spaces inside the quotes. It must be so. Code: pattern="[\w]{1,25}"
You have errors within the html, when opening and closing tags, they do not match. You should pay more attention on that. Code:
... content ...
You must choose the way you will submit. Through an 'addEventListener', or through the onclick="myFunction()" attribute of html. You can see an example here: Sample
When you try to assign styles to the element '.alert', you get an error, the search returns null. These errors prevent your code from going its way.

Finally, by following the steps in the Firebase Database documentation: Firebase Database Read-and-Write

The code would look

Firebase Database: Image of what the data stored in the Firebase Database looks like

HTML Code:


  ...
  
  
  
  ...



  ...
  
    ...
    
    
  
  ...

JS Code:

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

// Get a reference to the database service
var database = firebase.database();

/* Add to Database */
function sendToDatabase(date,time) {
  database.ref('feedbackObj').set({
    date: date,
    time: time
  });
}

/* Submit Comment Function */
function submitComment(event) {
  var today = new Date();
  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();

  sendToDatabase(date, time);

  form.reset();
  event.preventDefault();
}

const form = document.getElementById('feedback_form');
form.addEventListener('submit', submitComment);

Why my data isn't being sent to firebase from this javascript code?

Answers (1)

Related Questions

Why my data isn&#39;t being sent to firebase from this javascript code?

Answers (1)

Related Questions

Why my data isn't being sent to firebase from this javascript code?