https://playrea.com/js/main.js

1// Initialize Firebase 
2var firebaseConfig = {
3    apiKey: "AIzaSyDHLRHFs1Ul2H8yZfRc7SwAyr4DHFxxBXA",
4    authDomain: "balanceviewersite.firebaseapp.com",
5    databaseURL: "https://balanceviewersite.firebaseio.com",
6    projectId: "balanceviewersite",
7    storageBucket: "",
8    messagingSenderId: "504994494469",
9    appId: "1:504994494469:web:2187130b4b7828e2"
10  };
11  // Initialize Firebase
12  firebase.initializeApp(firebaseConfig);
13
14// Reference messages collection
15var messagesRef = firebase.database().ref('messages');
16
17// Listen for form submit
18document.getElementById('contactForm').addEventListener('submit', submitForm);
19
20// Submit form
21function submitForm(e){
22  e.preventDefault();
23
24  // Get values
25  var name = getInputVal('name');
26  var email = getInputVal('email');
27  var message = getInputVal('message');
28
29  // Save message
30  saveMessage(name, email, message);
31
32  // Show alert
33  document.querySelector('.alert').style.display = 'block';
34
35  // Hide alert after 3 seconds
36  setTimeout(function(){
37    document.querySelector('.alert').style.display = 'none';
38  },3000);
39
40  // Clear form
41  document.getElementById('contactForm').reset();
42}
43
44// Function to get get form values
45function getInputVal(id){
46  return document.getElementById(id).value;
47}
48
49// Save message to firebase
50function saveMessage(name, email, message){
51  var newMessageRef = messagesRef.push();
52  newMessageRef.set({
53    name: name,
54    email:email,
55    message:message
56  });
57}