// HTML-elementer
const btn = document.querySelector("#btn");
const inpNavn = document.querySelector("#inpNavn");
const inpType = document.querySelector("#inpType");
const dyrelista = document.querySelector("#dyrelista");

const db = firebase.firestore();
const dyreregister = db.collection("dyreregister");

btn.onclick = () => {
    dyreregister.add({
        navn: inpNavn.value,
        type: inpType.value
    });
    
    inpNavn.value = "";
    inpType.value = "";
}

dyreregister.onSnapshot( snap => {
    
    dyrelista.innerHTML = "";
    
    for(const dyr of snap.docs) {
        const id = dyr.id;
        const data = dyr.data();
        
        dyrelista.innerHTML += `
            <div>${id}</div>
            <div>${data.navn}</div>
            <div>${data.type}</div>
        `;
        
    }
    
} )


// dyreregister.doc("dyr-298").delete();
// CRUD