Scribd
Upload
7 views6 pages

Firebase

Uploaded by

Umer Farooq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
7 views6 pages

Firebase

Uploaded by

Umer Farooq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 6

firebase

By:Umer Farooq
firebase
• <script src="https://www.gstatic.com/firebasejs/7.17.2/firebase-app.js"></script>
• <script src="https://www.gstatic.com/firebasejs/7.17.2/firebase-auth.js"></script>
• const firebaseConfig = {
• apiKey: "AIzaSyBT9wina7wSgzTKEPryFh6Vxsc1bILTCRs",
• authDomain: "complain-e707c.firebaseapp.com",
• projectId: "complain-e707c",
• storageBucket: "complain-e707c.appspot.com",
• messagingSenderId: "372267327155",
• appId: "1:372267327155:web:af865583e0b8e01042dac6"
• };
• const fr = firebase.initializeApp(firebaseConfig);
• console.log(fr.auth);
Sign In
• Auth  docs  web namespace
• let em=document.getElementById('i1').value;
• let pw=document.getElementById('i2').value;
• firebase.auth().createUserWithEmailAndPassword(em, pw)
• .then((userCredential) => {
• // Signed in
• var user = userCredential.user;
• console.log(user)
• })
• .catch((error) => {
• var errorCode = error.code;
• var errorMessage = error.message;
• console.log(errorMessage);
• });
Todo html
•
<input type="text" name="" id="inputField" placeholder="Enter
Items">
• <button onclick="addtodo()">Add Items</button>
• <div>
• <ul id="list"></ul>
• </div>
• <script src="script.js"></script>
• firebase.database().ref("todos").on("child_added",(data)=>{
• let liElement= document.createElement("li");
• let liText=document.createTextNode(data.val().name);
• liElement.appendChild(liText);
• //delete button
• let delbtn=document.createElement("button");
• let delBtnText=document.createTextNode("Delete");
• delbtn.setAttribute("onclick","deleteItem(this)")
• delbtn.setAttribute("id",data.val().key)
• delbtn.appendChild(delBtnText);
• liElement.appendChild(delbtn);
• // edit button
• let editbtn=document.createElement("button");
• let editBtnText=document.createTextNode("Edit");
• editbtn.appendChild(editBtnText);
• liElement.appendChild(editbtn);
• editbtn.setAttribute("onclick","editItem(this)")
• editbtn.setAttribute("id",data.val().key)
• list.appendChild(liElement);
• function addtodo()
• { let key=firebase.database().ref("todos").push().key;
• let list=document.getElementById('list');
• let input=document.getElementById('inputField');
• let obj ={
• name:input.value,
• key:key
• }
• firebase.database().ref("todos").child(key).set(obj)
• }
• function deleteItem(a)
• {
• a.parentNode.remove()
• firebase.database().ref("todos").child(a.id).remove()
• }
• function editItem(a)
• {
• let user=prompt("value ")
• let editV={
• name:user,
• key:a.id,
• }
• firebase.database().ref("todos").child(a.id).set(editV)

You might also like