Form-with-Firebase/main.js at main · rankdeveloper/Form-with-Firebase · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
const firebaseConfig = {
    apiKey: "AIzaSyA6tEUa_fdrcsQL3l7FnCMLpxqD2VVyfzY",
    authDomain: "testform-dc4b0.firebaseapp.com",
    projectId: "testform-dc4b0",
    storageBucket: "testform-dc4b0.appspot.com",
    messagingSenderId: "26753680061",
    appId: "1:26753680061:web:16a5673f2d9f1103792dd4"
};

firebase.initializeApp(firebaseConfig);
var firestore=firebase.firestore()

var messageRef = firestore.collection("testForm");

document.getElementById("form").addEventListener("submit", submitForm)

function submitForm(e) {
    e.preventDefault();

    var email = document.getElementById("email").value
    var psw = document.getElementById("psw").value
    var psw_repeat = document.getElementById("psw_repeat").value


    saveMessage(email, psw, psw_repeat)

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

    setTimeout( () => {
        document.querySelector('.alert').style.display = 'none';
    }, 3000 )

    document.getElementById("form").reset();

}
function saveMessage(email, psw, psw_repeat) {
    // var newMessageRef = messageRef().push()

   // messageRef.doc().push()
    messageRef.doc().set({
        email: email,
        psw: psw,
        psw_repeat: psw_repeat
    }).then( () => {
        console.log("Data saved");
    })
}