CRUD operations in JavaScript using LocalStorage | CRUD operations in HTML CSS JavaScript (easy way)
30,590
Published 2022-06-09
In this video, you will learn CRUD operations using JavaScript.
Topics Which We Will Cover in This Video Are:--
1. What is CRUD?
2. Creating form using HTML
3. CRUD operations using LocalStorage, JavaScript, HTML and CSS
4. Validating form functions
5. Styling the form using CSS
____________________________________________________________
Source Code PDF: daniblogs.com/BF/292611vq
Time stamps:
0:00 CRUD operations in JavaScript
0:26 What is CRUD?
3:02 Demo of what I will teach in this video
7:55 HTML coding part
9:01 Linking CSS and JS files in HTML file
10:20 Creating HTML form
21:11 Retrieving form data
30:17 Storing data in Local Storage
33:20 Retrieving data from local storage, and storing in HTML table
36:53 INSERT function
51:59 EDIT function
59:27 UPDATE function
1:12:00 DELETE function
1:19:51 Validating form
1:25:23 Styling the form using CSS (external stylesheet as well as inline style)
____________________________________________________________
How to store from data locally (in Local Storage) - • How to store Form data in Local Stora...
For full HTML CSS and JavaScript tutorials, visit the playlists:
1. • JavaScript Tutorials
2. youtube.com/playlist?list...
Checkout my channel for more related videos:
youtube.com/WebTutsAditi
_____________________________________________________________
Connect with me:
• Linktree: linktr.ee/webtutsaditi
• Instagram: www.instagram.com/webtutsaditi/
• Facebook: www.facebook.com/webtutsaditi
• Twitter: twitter.com/webtutsaditi
• Quora: www.quora.com/Aditi-Seal-7
• Email: [email protected]
______________________________________________________________
Tags:
Subscribe for more such videos: @WebTutsAditi
All Comments (21)
-
Connect with me: • Instagram: www.instagram.com/webtutsaditi/ • Facebook: www.facebook.com/webtutsaditi • Email: webtutsaditi@gmail.com/ • Twitter: twitter.com/webtutsaditi • Quora: www.quora.com/Aditi-Seal-7
-
can i not use localstorage as the array and achieve the same result? and only from the table storing the values?
-
after 40 minute (Uncaught TypeError: table.insertrow is not a function) but u don't clear this
-
Would you please provide us with some code sources too? that would be so much helpful. Thank you. Your work is much appreciated.
-
There is draw back in this when we refresh the page data got lost so local storage things not achieved properly
-
I am getting issues with reference uncaught error: submit is not defined in HTMLinputonclick.html
-
Nice video
-
Nice
-
Well explained
-
How you used row in update() without declaring there?
-
i don't get source code ....pls help .. in that link is not available
-
Source link is not working properly... Can you please provide a new one...?
-
Hello friends
-
but Uncaught TypeError: Cannot read properties of undefined (reading 'parentElement') getting this error
-
Really very nice
-
When we refreshing the website the stored values are disappeared give solution for this issue
-
nice
-
madam can you help ..how to display stored date in table
-
Thank you so muchhhh ! Can we download the code by anyway? It would be so much easier to follow up
-
how to store data permanent in local storage?