Add, Update, Delete Data in Firebase Database via HTML Table using JavaScript

html table add, update, delete data in firebase database using javascript and bootstrap
crud operations on firebase realtime database using html table, javascirpt and bootstrap

Previous Video Link:

Bootstrap Link:

Firebase Libraries:

Firebase Configuration:

Firebase Javascript Tutorial Series:

Documentation:

Software Used In Tutorial:
- Visual Code (64-bit) User
- Google Chrome 92.0

#CRUD #Firebase #htmlTable

[HassaanRaza]

Improved Version of This Video for Firebase 10:

[estelle]

currently doing final year project and you dont know how much im grateful to the fact that you were born to teach this. thank you so much, words cant explain how much thankful i am to you

[HassaanRaza]

how to search within this table by category:

previous video:

[robydc]

Hello! Thanks a lot. I followed your video step by step and everything works wonderfully! One question, please. How can I do if I want to get the fields editable? I mean, I don't want to use the panel to modify data, just click in the cells and modify them with new data. How is it possible? Thanks

[loranetwork]

would you happen to have similar examples using bulma libraries instead of bootstrap??

[aramabdulrahman]

Thanks but
wich one chips as price firestore db or realtime db for data table with send more request for searching data..

[najihahasnan]

Hey, I've got an error of the FillTBoxes is not define as a HTML onclick action. Can you help me?
Have been going through all of your firebase tutorial so far and I have been loving it.
Thank you

[omarafzal]

The auto filling textboxes wasn't working for me. What I did to fix it was first define an index variable, create the element in JS (var btn = document.createElement("button");), and then increment the index variable and set it to the buttons id. Then define to have the button call the fillTBoxes function passing in it's id- btn.onclick = function () {
fillTBoxes(btn.id);
};. Hope this helps!

[johnrobert]

IM ALO GETTING FUNCTION IS NOT DEFINED ERROR BUT MY FRIEND HELPS ME AND FIND A WAY TO SOLVE IT, NOW HERE'S THE ANSWER:

IN "FUNCTION FILLTBOXES(INDEX){}", INSTEAD OF USING FUNCTION USE "WINDOW"

WINDOW.FILLTBOXES=(INDEX)=>{
...
}

THAT CODE WORKS ON ME, I HOPE IT WORKS TO OTHERS.

[kibetngetich]

Hi, my Textboxes aren't being filled by the records available. On the console I'm getting an error of "Uncaught ReferenceError: FillTboxes is not defined
at HTMLButtonElement.onclick". Kindly help.

[lugeyoarnaud]

hello. i am facing a challenge where by the debug console says FillTboxes is not defined at onclick. what can i do?

[tuanamirah]

if we use Firebase Realtime Database, we cannot use this way right ?

[erenmademewritethis]

my onclick function is not working properly at control div

[fredricmadrona]

Hello guys my code doesn't fetch data it needs, what may be the problem ? is it with the config or the algorithm?

[hammadaassia]

TACV - The Amazing Code-Verse Hey, I've got an error of the FillTBoxes is not define as a HTML onclick action. Can you help me?

[jonnysarlabiste]

Sir, how to add an image to the table? hoping fa or tutorial on it

[lugeyoarnaud]

is there a way we access the repositories so tha we use it please?

[sarojkumarpujari]

Uncaught TypeError: Cannot read properties of undefined (reading '0') in Two dimensional array in FillTbox function

[johngeronimo]

I saw some bugs here, if you editing a row, and you re-edit it, the old data still remains in the input. How can we solve it sir? I try some technique like reload() to reload the whole document and I guess thats okay.

[missbhashehzad]

hi bro my error is firebase is not defined how to defined firebase