Pure JavaScript CRUD Operations with Html

Рет қаралды 341,566

Күн бұрын

JavaScript CRUD Operations with Html
Content discussed :
- Design HTML Form
- HTML Form Validation
- HTML Table CRUD Operations
📂 GitHub Repository
► goo.gl/2QWHG4
💖 Buy me a Coffee
➤ bit.ly/3L36ut4 (PayPal)
➤ bit.ly/3VF0iPT (Razorpay)
🌀 Related Videos
goo.gl/T9Nb8r : Angular CRUD with Web API
goo.gl/wp17ta : Angular User Registration With Web API
goo.gl/4gDFfC : Angular Login Logout With Web API
goo.gl/ySUFf8 : Similar Mvc Tutorials
🔗 Find me in
Udemy : bit.ly/3RtyQSB
Facebook : / codaffection
GitHub : github.com/codaffection
Discord : / discord
Twitter : / codaffection
#Javascript #CodAffection

Пікірлер: 241

@CodAffection 5 жыл бұрын

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

@atishmhatre4895 5 жыл бұрын

Nice Tutorial 👍👍👍

@jeredE99 4 жыл бұрын

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

@shatha108 2 жыл бұрын

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 2 жыл бұрын

Sir I want code

@satishreddykothapalli759 2 жыл бұрын

Send me i pay money

@abdurrehmankhalid2290 3 жыл бұрын

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

@Zack-tx7oz 2 жыл бұрын

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

@nocturno7887 4 жыл бұрын

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

@wennie2939 5 жыл бұрын

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

@aavalos163 3 жыл бұрын

Your great instructor! This tutorial was easy to understand.

@FitLife6767 5 жыл бұрын

Thank you very much from Brasil.

@yadsarwat6325 5 жыл бұрын

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

@CodAffection 5 жыл бұрын

thanks for your wonderful feedback.

@mamadoundiade2764 5 жыл бұрын

Thank you very much ! Very consistent and clear explanations.

@MelnStarscream 3 жыл бұрын

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

@TarekFaham 3 жыл бұрын

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.

@patricks4559 3 жыл бұрын

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

@muhammadfajar4705 4 жыл бұрын

thanks mate just practice just now and it was amazing

@ihuang694 3 жыл бұрын

Thank you so much! You solved my problem!

@rafaelferreiradearaujo7454 3 жыл бұрын

Muito bom! Esta com destaque aqui no Brasil.

@GeraldTags 4 жыл бұрын

Great tuts! More power!

@baholomokoena1046 4 жыл бұрын

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

@CodAffection 4 жыл бұрын

Glad to hear that.

@vinays6215 5 жыл бұрын

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 5 жыл бұрын

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

@vinays6215 5 жыл бұрын

@@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 5 жыл бұрын

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

@prasadkottapalli5727 3 жыл бұрын

Thank you Super explanations

@klearner666 3 жыл бұрын

you are the guy with a real solution

@user-cq8xj7ck2u 3 жыл бұрын

your coding are awersome you deserve more subsriber

@AshwaniMishra 2 жыл бұрын

Sir mainay KZfaq 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 ☺️

@armanmalik2908 7 ай бұрын

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

@Eduardoschoenfeld97 2 жыл бұрын

Looks amazing, Thanks

@shanejohnson1105 3 жыл бұрын

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.

@TaaaiooMarvel 5 жыл бұрын

Wonderful JS Crud System & Excellent Description ...

@CodAffection 5 жыл бұрын

Glad you fond the video helpful.

@catnop1912 5 жыл бұрын

Thanks. It works..

@allgood6650 5 жыл бұрын

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

@rickyhaswifi 4 жыл бұрын

Solid tutorial!

@lancetv4826 Жыл бұрын

Thank you!

@codetreasury2379 2 жыл бұрын

Thank you. It helped a lot.

@nahiankhondokar2845 2 жыл бұрын

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

@CodAffection 2 жыл бұрын

Sure thing!

@midmid1283 5 жыл бұрын

Merveilleux merci de partager une telle connaissance

@CodAffection 5 жыл бұрын

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

@Spmdiamond Жыл бұрын

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

@tariqislamicofficial7520 Жыл бұрын

Mashallah so helpfull video thank you so much

@Karina-remuna 2 жыл бұрын

thank you so much

@ravikaran4870 5 жыл бұрын

Thank u Sir it is helpful

@ahmadarwani4061 4 жыл бұрын

Nice tutorial 👌

@kran399 4 жыл бұрын

its really GOOD. keep Rock Bro.

@andrericardo6992 6 күн бұрын

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

@CodAffection 6 күн бұрын

Glad you found it helpful.

@jonquino755 3 жыл бұрын

really really awesome thanks so much

@maskoncrotkoncrot9113 3 жыл бұрын

Nice video greet from Malaysian....

@shashankthapa7167 2 жыл бұрын

Thanks sir it was great help ❤️

@funnyanimalworld7579 2 жыл бұрын

awesome and simple

@randysantos3025 2 жыл бұрын

Thank you so much!!!

@rajbannasa7662 2 жыл бұрын

Thank you so much sir ❤️

@bacolodcondoresidences2092 4 жыл бұрын

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

@shravyads8458 3 жыл бұрын

Great one!

@shankarroyalTADALU 4 жыл бұрын

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

@CodAffection 4 жыл бұрын

glad you found the video helpful.

@songphamvan2660 2 жыл бұрын

Thank you for you

@howtotuts2993 4 жыл бұрын

Thanks bro!! amazing content

@CodAffection 4 жыл бұрын

glad you found this angular + web api tutorial helpful.

@udh1 3 жыл бұрын

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

@rayyanabdulwajid7681 6 ай бұрын

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

@luka6354 4 жыл бұрын

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

@Mercio2 2 жыл бұрын

Thanks!

@quamran_9119 2 жыл бұрын

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

@CodAffection 2 жыл бұрын

Most welcome 😊

@richluetoure5386 2 жыл бұрын

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

@Asilbek_Boyqobilov 7 ай бұрын

very good !!!!

@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?

@sergeygetman1973 3 жыл бұрын

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

@aphrodiceimanizabayo5457 4 жыл бұрын

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 2 жыл бұрын

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

@mrdajve 4 жыл бұрын

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.

@adamkeren66 3 жыл бұрын

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

@MrZeeshanakram 5 жыл бұрын

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 5 жыл бұрын

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

@WasanKhunnadiloksawet 4 жыл бұрын

Excellent !!!

@CodAffection 4 жыл бұрын

Glad you liked it.

@parthasarathiroy459 2 жыл бұрын

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?

@a.d.z.5840 4 жыл бұрын

you are the Best!!

@CodAffection 4 жыл бұрын

Thank you.

@saifyhussain6107 Жыл бұрын

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

@sushmareddy5172 2 жыл бұрын

All I can say is Thank U

@raazz33 5 жыл бұрын

It is more Helpfull

@jaggyjut 4 жыл бұрын

Would you be able to show how to connect the same form to mongodb using REST API

@ashutoshbiotech 3 жыл бұрын

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

@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.

@kumarshurov1996 3 жыл бұрын

I would love to make a video on how to use the Firebase database with this operation..

@voldam2569 4 жыл бұрын

От души, индус !!!!

@WellaPain 3 жыл бұрын

хахаха, индусы сильные

@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.

@samajl6151 3 жыл бұрын

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

@SP-pl3cm 3 жыл бұрын

Thankyou

@johnmadsen37 5 жыл бұрын

Ah the good old days. Time to take a crud.

@donpatrickcubar4376 4 жыл бұрын

After you update a row and you will add again. Another row it will update the last row selected.

@Jorge-sm8un 4 жыл бұрын

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

@bhustacrow2183 Жыл бұрын

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

@ivanmikhailovich1963 3 жыл бұрын

Danke

@yashminlozano3950 5 жыл бұрын

what if the table for date is in another different form?

@TaaaiooMarvel 5 жыл бұрын

Please Continue with DB Example Disc..

@JewJew27 3 жыл бұрын

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

@ushanamdeo5064 4 жыл бұрын

thankyou sir

@Tom-ci9jx 2 жыл бұрын

Good, very impressive..

@CodAffection 2 жыл бұрын

Glad you like it!

@alejandrorodriguez5836 4 жыл бұрын

Amazing

@KnowledgeScam Жыл бұрын

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

@fawazogunleye3754 2 жыл бұрын

Love you so much sir no homo💙

@hussamhussam1889 2 жыл бұрын

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

@Spmdiamond Жыл бұрын

How to do validation to all the label

@constars9712 3 жыл бұрын

Booty! Great Job Bro

@shortsvideofyp05 3 жыл бұрын

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

@rishikeshjha2553 3 жыл бұрын

Well done

@richluetoure3683 2 жыл бұрын

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 10 ай бұрын

AddressBook JavaScript Vanilla

@migramika9943 2 жыл бұрын

ondelete function parameter is "" not ""

@shinigamiryuk786 3 жыл бұрын

Nice video

@mr.RAND5584 3 жыл бұрын

Awesome