Pure JavaScript CRUD Operations with Html

[@CodAffection]

goo.gl/RFY5C2 : Subscribe to CodAffection goo.gl/bPcyXW : Buy me a Coffee.

[@atishmhatre4895]

Nice Tutorial 👍👍👍

[@jeredE99]

Can you revise a tutorial? can you make it with Firebase?

[@shatha108]

How can I make the data Fixed ? I mean the table after refresh the page ??? I want writing the data on the table and after refresh the page still the data in the table .

[@satishreddykothapalli759]

Sir I want code

[@satishreddykothapalli759]

Send me i pay money

[@yadsarwat6325]

Amazing job. Finally found a legend that starts from the beginning to the end! Excellent job and your explanations are epic. Many thanks.

[@CodAffection]

thanks for your wonderful feedback.

[@abdurrehmankhalid2290]

Thank you very much for helping me in revising my core JavaScript course. May you stay happy and healthy.

[@armanmalik2908]

This type of videos should be on internet,, 👍👍

[@AshwaniMishra]

Sir mainay KZbin pe aaj tak comment nae kara...but i want to say sb channel growth ke liye video banate hai thoda kuch bata diya ho gya....but aapka video dekh ke i realize ki koe aspect hi nae bacha ,u completed all doubts on this 24 min video...hats off keep it up And thank you ☺️

[@FitLife6767]

Thank you very much from Brasil.

[@vinays6215]

Thanks for Coding, Because very few youtube videos can be found like this in detail explanation of coding. I'm always happy to watch this coding videos and follow this structure of the coding. Coding is clear and no mess.

[@CodAffection]

Glad you found the video really helpful and thanks for your wonderful feedback !.

[@vinays6215]

@@CodAffection @ I wish, I could get you a coffee as soon as I get a job in next 20 to 30 days. :-). From my to youtube teacher. Still, I'm Student.

[@CodAffection]

wow, that's a great news. good luck with your new job.

[@nocturno7887]

I'm going to start this tutorial, looks amazing, thanks.

[@aavalos163]

Your great instructor! This tutorial was easy to understand.

[@wennie2939]

Excellent job! Elegant code and clear demo! Keep it up, plz!

[@andrericardo6992]

Fantastic tutorial, thank you very much for sharing knowledge. Hugs here from São Paulo / Brazil

[@CodAffection]

Glad you found it helpful.

[@TarekFaham]

That was fantastic... Now, next video you should show us how to save the data locally in offline mode and how save the data on the server when the connection is back online. You can save the data in a Json file and no need to save it in database. I'm looking forward for this tutorial and will subscribe and share now... Thank you so much.

[@user-cq8xj7ck2u]

your coding are awersome you deserve more subsriber

[@nahiankhondokar2845]

that's what i was looking for 3 days :) Thanks ,,,, make more javaScript videos for your suppoters :)

[@CodAffection]

Sure thing!

[@quamran_9119]

Awesome dear !That's a GREAT job👌👌👌👌👌Thanks🤘🤘

[@CodAffection]

Most welcome 😊

[@Zack-tx7oz]

Thank you, very much! I just started learning programming, and CRUD is made more understandable with your video! Thanks once again!

[@klearner666]

you are the guy with a real solution

[@baholomokoena1046]

Im building a dashboard for my client website, this helped me a lot man. Thanks keep it up!

[@CodAffection]

Glad to hear that.

[@prasadkottapalli5727]

Thank you Super explanations

[@allgood6650]

what if the data inputted is image? how to show it in the table?

[@TaaaiooMarvel]

Wonderful JS Crud System & Excellent Description ...

[@CodAffection]

Glad you fond the video helpful.

[@shankarroyalTADALU]

Excellent Teaching ....Very Useful to me .Thank You

[@CodAffection]

glad you found the video helpful.

[@MelnStarscream]

Wow thank you! It haleped so much with the project I'm doing for class!

[@patricks4559]

Thank you so much! It really helps me to understand JS

[@mamadoundiade2764]

Thank you very much ! Very consistent and clear explanations.

[@Spmdiamond]

Thank you so much sir I got that❤️❤️

[@sama.jlouis_official]

HAHA Anyone else hearing the Booty tag? none the less excellent tutorial really informative.

[@ahmadarwani4061]

Nice tutorial 👌

[@tariqislamicofficial7520]

Mashallah so helpfull video thank you so much

[@kran399]

its really GOOD. keep Rock Bro.

[@ihuang694]

Thank you so much! You solved my problem!

[@GeraldTags]

Great tuts! More power!

[@Eduardoschoenfeld97]

Looks amazing, Thanks

[@shashankthapa7167]

Thanks sir it was great help ❤️

[@codetreasury2379]

Thank you. It helped a lot.

[@AymenXS]

Thank you for the tutorial, it's great! I want to ask you, what is the shortcut you used to immediately insert the ID? You did it in this part: From 7:00 to 7:08.

[@patricklingstone6294]

just press dot(.) And enter the value of id you want and press enter button

[@muhammadfajar4705]

thanks mate just practice just now and it was amazing

[@mohd.osamakhan3644]

when i fill the form data is not inserting into another table

[@pragattiharchand6290]

Yaa

[@sergeygetman1973]

15:00 Its going to easier: for (const field of ['fullName', 'empCode', 'salary', 'city'] ) { obj[field] = form[field].value; }

[@rafaelferreiradearaujo7454]

Muito bom! Esta com destaque aqui no Brasil.

[@ashutoshbiotech]

After reloading or reopening can I open or see the data again

[@bacolodcondoresidences2092]

Hi, i found this tutorial really helpful. I can create a simple php crud but I am looking for something like this because I want to create my personal logins and credentials application by just using javascript. Now, my question is, how can i implement javascript localstorage to store the data so that the data is still there after reloading the page unless if i have to delete it? Thanks

[@MrZeeshanakram]

Your videos are awesome. I want to request you please create a tutorial How to insert master and master-detail crud data with an image using c# MVC.

[@CodAffection]

thanks for the comment, Sure I'll do that .

[@midmid1283]

Merveilleux merci de partager une telle connaissance

[@CodAffection]

Heureux que vous ayez trouvé la vidéo utile.

[@rajbannasa7662]

Thank you so much sir ❤️

[@parthasarathiroy459]

Sir how to create a window alert of that form instead of just showing the form like we click the button then the form is coming as window alert we fill it and clicking add it added to the table?

[@shanejohnson1105]

That was clever, now I need JS to save on the server side. I usually use PHP and even PERL back in the day. JSON might be the way.

[@jonquino755]

really really awesome thanks so much

[@sravaniduddela1616]

Is it possible to display the entered details in another tab with using html and javascript and it has to perform the same crud operations as in this video.

[@adamkeren66]

Hi , how can i get the template for the css file ? when i opened the file it is blank , unlike your example which is already has content Redgards , Adam

[@Spmdiamond]

How to do validation to all the label

[@KnowledgeScam]

sir in this code how to make fullname field unique means if name is repeated then it should not allowed to insert??

[@shravyads8458]

Great one!

[@_Nilesh_Rajput]

Great info.... Data will freeze after refresh the page or I need data as it is after refresh the page.... Please guide me .... Thanks :)

[@animevilla9432]

can you tell me that how we can make EMP code unique like if we make an entry with a EMP code that is already available in the table then it should show an pop up that EMP code is already available in the table. can you help me for the same.

[@aphrodiceimanizabayo5457]

Thank you for the great tutorial. I would like to ask, how can you put the td for displaying the results at the top instead of putting it in the middle?

[@songphamvan2660]

only is CSS. You can set margin-top = 5px (etc)

[@luka6354]

Thank you very much. Are there videos like this that include file uploads?

[@howtotuts2993]

Thanks bro!! amazing content

[@CodAffection]

glad you found this angular + web api tutorial helpful.

[@noegarcia9907]

How did you get the indents to move to the right place after you pasted it? I find it so annoying having to go back to backspace on stuff I copy and paste.

[@swaraj_shw]

shift + tab

[@FMFT]

AddressBook JavaScript Vanilla

[@makrith]

Thank you so much! It works perfectly. My only issue is that i can't change the language of the cells in Greek. Any suggestion to fix this?

[@hussamhussam1889]

Do these changes stored on the core html file on the server ??

[@saifyhussain6107]

hey man how to add radio buttons to this code and get the respective values of the radio button

[@mrdajve]

Could you simply insert new records and store them in a json file? I'm looking at adding a CRUD to my soundboard website so this might be a solution to allowing people at add new sounds easily.

[@richluetoure5386]

Thank you very much Sir this help me alot. can you help me on how to add a search bar function to the table to filter a particular name or ID in the tables rows ? I try doing so but the entire page will go blank only header will remain . Thanks

[@alejandrorodriguez5836]

Where I can download the html, css and js codes (files) ?

[@calidacharles6199]

Check below the video, you will see some links

[@funnyanimalworld7579]

awesome and simple

[@udh1]

Thank you very much for this wonderful demon . How do you make this dynamic ? Pulling Data from DB

[@bhustacrow2183]

Can you help me? I can't submit any data that filed in the textfields

[@shortsvideofyp05]

Just watching the intro, i know you're the one hahaha thanks man

[@Tom-ci9jx]

Good, very impressive..

[@CodAffection]

Glad you like it!

[@sidneyjuachon1064]

This is a great tutorial and easy to follow. What database did you use to store the data?

[@sidneyjuachon1064]

I got it. If you refresh your browser, the data disappears. But it can be updated to go to a database of your choice. I can convert this to go to a firebase database and the data stays there permanently (as long as I pay my monthly fees to use firebase .... lol).

[@abiyuvan9261]

how to display he same table formate in another html page using local storage . can you please do a video on that.

[@ajinkyarathod5180]

Use cookies

[@cvaque]

Great! could you please now implement a connection to a database or call a web api?

[@CodAffection]

thanks for the comment. may be I'll try later.

[@biranbah9002]

Hello did you find the solution to this..i need to connect the form to my database so i can store the data on the table

[@a.d.z.5840]

you are the Best!!

[@CodAffection]

Thank you.

[@TriViewThunder10]

sir i have issue when i enter the data , row is inserted but the data is not showing in table all fields are fillup with undefined

[@GonzaloAntonicelli]

Hey, could you solve this ? What was failing ?

[@tulosegaslimalama3487]

Ok, but once you close you lose the info... Please do it saving the info on a txt and crud on it

[@bharathkk8111]

sir i did exactly same as u did but my data is not getting printed on tabel but it getting add . #display problem

[@catnop1912]

Thanks. It works..

[@richluetoure3683]

Thank you very much it help me alot and easy to customize. how do I style the edit and delete button and even add another button ? thank you

[@FMFT]

AddressBook JavaScript Vanilla

[@Hariprasad-ju4hh]

sir i want html table content to add mysql database with the help of javascript is this possible ?

[@nlt-g3v]

ondelete function parameter is "" not ""

[@fawazogunleye3754]

Love you so much sir no homo💙

[@JewJew27]

could this be used in mysql Crud statements ? using vs code?

[@WasanKhunnadiloksawet]

Excellent !!!

[@CodAffection]

Glad you liked it.

[@constars9712]

Booty! Great Job Bro

[@rayyanabdulwajid7681]

Thanks a lot. I used chat gt to convert the same code to template literals

[@kaustubhjirapure1981]

why you are not storing data in session or local storage

[@parajf]

i am very new to java script, question : Are you not using any database ?

[@rickyhaswifi]

Solid tutorial!

[@skalsree]

i think my css doesnt work becuase my style in website doesnt look like that, how to work my css pls?

[@souzachristinna]

Good job! Yes your explanations are very good. Thanks for share your skills. But i have a question, is it possible to put the data in a new html page in order make them part of the code. I want preserve the datas to read without lost when load the page. Everyday i want to open a new page to populate with de datas and make them to read.

[@CodAffection]

Easiest method would be localStorage. Btw, thanks for your comment.

[@FMFT]

AddressBook JavaScript Vanilla

[@Cris-zn2rm]

On the css file there is a th tag in it, what is that? How did you get that? . . . Oh I see never mind!

[@randysantos3025]

Thank you so much!!!

[@sushmareddy5172]

All I can say is Thank U

[@comicalrock34]

Tnks ! dude you are the best!

[@CodAffection]

Glad you found the video helpful.

[@comicalrock34]

Tnks! Bro

[@nagavenkat529]

Auto save or not when I refresh tell me

[@Karina-remuna]

thank you so much

[@ravikaran4870]

Thank u Sir it is helpful

[@sasivardhan2786]

the anchor tag for edit and delete is not working pls help me

[@Jorge-sm8un]

Great video, how can I take the data from a rest api?