Pure JavaScript CRUD Operations with Html

Поделиться
HTML-код
  • Опубликовано: 21 окт 2024

Комментарии • 240

  • @CodAffection
    @CodAffection  6 лет назад +10

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

    • @atishmhatre4895
      @atishmhatre4895 6 лет назад +1

      Nice Tutorial 👍👍👍

    • @jeredE99
      @jeredE99 5 лет назад

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

    • @shatha108
      @shatha108 3 года назад

      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
      @satishreddykothapalli759 2 года назад

      Sir I want code

    • @satishreddykothapalli759
      @satishreddykothapalli759 2 года назад

      Send me i pay money

  • @yadsarwat6325
    @yadsarwat6325 5 лет назад +21

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

    • @CodAffection
      @CodAffection  5 лет назад +1

      thanks for your wonderful feedback.

  • @abdurrehmankhalid2290
    @abdurrehmankhalid2290 3 года назад +1

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

  • @vinays6215
    @vinays6215 5 лет назад +3

    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
      @CodAffection  5 лет назад +1

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

    • @vinays6215
      @vinays6215 5 лет назад +1

      @@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
      @CodAffection  5 лет назад +1

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

  • @AshwaniMishra
    @AshwaniMishra 3 года назад

    Sir mainay RUclips 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
    @FitLife6767 5 лет назад +10

    Thank you very much from Brasil.

  • @aavalos163
    @aavalos163 3 года назад +3

    Your great instructor! This tutorial was easy to understand.

  • @armanmalik2908
    @armanmalik2908 11 месяцев назад

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

  • @nocturno7887
    @nocturno7887 4 года назад +3

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

  • @wennie2939
    @wennie2939 5 лет назад +3

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

  • @Zack-tx7oz
    @Zack-tx7oz 2 года назад

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

  • @andrericardo6992
    @andrericardo6992 3 месяца назад

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

  • @TarekFaham
    @TarekFaham 3 года назад +1

    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.

  • @Spmdiamond
    @Spmdiamond 2 года назад

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

  • @prasadkottapalli5727
    @prasadkottapalli5727 4 года назад +1

    Thank you Super explanations

  • @user-cq8xj7ck2u
    @user-cq8xj7ck2u 3 года назад

    your coding are awersome
    you deserve more subsriber

  • @klearner666
    @klearner666 3 года назад

    you are the guy with a real solution

  • @tariqislamicofficial7520
    @tariqislamicofficial7520 Год назад

    Mashallah so helpfull video thank you so much

  • @MelnStarscream
    @MelnStarscream 3 года назад

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

  • @_Nilesh_Rajput
    @_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 :)

  • @quamran_9119
    @quamran_9119 2 года назад

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

  • @baholomokoena1046
    @baholomokoena1046 4 года назад +1

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

  • @patricks4559
    @patricks4559 3 года назад

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

  • @nahiankhondokar2845
    @nahiankhondokar2845 2 года назад

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

  • @mamadoundiade2764
    @mamadoundiade2764 5 лет назад

    Thank you very much ! Very consistent and clear explanations.

  • @makrith
    @makrith 2 года назад

    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?

  • @richluetoure5386
    @richluetoure5386 3 года назад

    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

  • @bacolodcondoresidences2092
    @bacolodcondoresidences2092 4 года назад +1

    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

  • @ihuang694
    @ihuang694 4 года назад

    Thank you so much! You solved my problem!

  • @luka6354
    @luka6354 4 года назад +1

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

  • @codetreasury2379
    @codetreasury2379 2 года назад

    Thank you. It helped a lot.

  • @udh1
    @udh1 3 года назад +1

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

  • @rafaelferreiradearaujo7454
    @rafaelferreiradearaujo7454 3 года назад +1

    Muito bom! Esta com destaque aqui no Brasil.

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

  • @shankarroyalTADALU
    @shankarroyalTADALU 4 года назад

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

    • @CodAffection
      @CodAffection  4 года назад

      glad you found the video helpful.

  • @parajf
    @parajf 2 года назад

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

  • @MrZeeshanakram
    @MrZeeshanakram 6 лет назад +3

    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
      @CodAffection  6 лет назад

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

  • @GeraldTags
    @GeraldTags 4 года назад

    Great tuts! More power!

  • @TaaaiooMarvel
    @TaaaiooMarvel 6 лет назад

    Wonderful JS Crud System & Excellent Description ...

  • @richluetoure3683
    @richluetoure3683 3 года назад

    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
      @FMFT Год назад

      AddressBook JavaScript Vanilla

  • @allgood6650
    @allgood6650 6 лет назад +3

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

  • @sravaniduddela1616
    @sravaniduddela1616 2 года назад

    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.

  • @muhammadfajar4705
    @muhammadfajar4705 4 года назад

    thanks mate just practice just now and it was amazing

  • @Eduardoschoenfeld97
    @Eduardoschoenfeld97 3 года назад

    Looks amazing, Thanks

  • @KnowledgeScam
    @KnowledgeScam Год назад

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

  • @nlt-g3v
    @nlt-g3v 2 года назад

    ondelete function parameter is "" not ""

  • @kran399
    @kran399 4 года назад

    its really GOOD. keep Rock Bro.

  • @jonquino755
    @jonquino755 3 года назад

    really really awesome thanks so much

  • @shashankthapa7167
    @shashankthapa7167 2 года назад

    Thanks sir it was great help ❤️

  • @sidneyjuachon1064
    @sidneyjuachon1064 3 года назад

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

    • @sidneyjuachon1064
      @sidneyjuachon1064 3 года назад +1

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

  • @AymenXS
    @AymenXS 2 года назад

    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
      @patricklingstone6294 9 месяцев назад

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

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

  • @animevilla9432
    @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
    @samajl6151 3 года назад +2

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

  • @Spmdiamond
    @Spmdiamond 2 года назад

    How to do validation to all the label

  • @midmid1283
    @midmid1283 6 лет назад

    Merveilleux merci de partager une telle connaissance

    • @CodAffection
      @CodAffection  6 лет назад

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

  • @ahmadarwani4061
    @ahmadarwani4061 4 года назад +1

    Nice tutorial 👌

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

  • @Jorge-sm8un
    @Jorge-sm8un 4 года назад

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

  • @saifyhussain6107
    @saifyhussain6107 2 года назад

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

  • @aphrodiceimanizabayo5457
    @aphrodiceimanizabayo5457 5 лет назад

    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
      @songphamvan2660 3 года назад

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

  • @tulosegaslimalama3487
    @tulosegaslimalama3487 3 года назад +1

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

  • @rajbannasa7662
    @rajbannasa7662 2 года назад

    Thank you so much sir ❤️

  • @ashutoshbiotech
    @ashutoshbiotech 3 года назад +1

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

  • @rayyanabdulwajid7681
    @rayyanabdulwajid7681 10 месяцев назад

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

  • @mohd.osamakhan3644
    @mohd.osamakhan3644 3 года назад +2

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

  • @funnyanimalworld7579
    @funnyanimalworld7579 2 года назад

    awesome and simple

  • @sergeygetman1973
    @sergeygetman1973 3 года назад

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

  • @souzachristinna
    @souzachristinna 4 года назад

    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
      @CodAffection  4 года назад +1

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

    • @FMFT
      @FMFT Год назад

      AddressBook JavaScript Vanilla

  • @jeredE99
    @jeredE99 5 лет назад

    hello i have a Question: is this code applicable for firebase?? if yes.. Can you tell us How??

  • @howtotuts2993
    @howtotuts2993 5 лет назад

    Thanks bro!! amazing content

    • @CodAffection
      @CodAffection  5 лет назад

      glad you found this angular + web api tutorial helpful.

  • @hussamhussam1889
    @hussamhussam1889 2 года назад

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

  • @Hariprasad-ju4hh
    @Hariprasad-ju4hh 3 года назад

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

  • @adamkeren66
    @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

  • @Cris-zn2rm
    @Cris-zn2rm 3 года назад

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

  • @RandomVidsbyace
    @RandomVidsbyace 4 года назад

    Is there any video how to connect this video in mysql database?

  • @shravyads8458
    @shravyads8458 3 года назад

    Great one!

  • @ravikaran4870
    @ravikaran4870 6 лет назад

    Thank u Sir it is helpful

  • @jaggyjut
    @jaggyjut 4 года назад

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

  • @bhustacrow2183
    @bhustacrow2183 2 года назад

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

  • @cvaque
    @cvaque 6 лет назад +2

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

    • @CodAffection
      @CodAffection  6 лет назад +1

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

    • @biranbah9002
      @biranbah9002 3 года назад +1

      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

  • @JewJew27
    @JewJew27 4 года назад

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

  • @kumarshurov1996
    @kumarshurov1996 3 года назад

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

  • @rukayatzakariyau454
    @rukayatzakariyau454 Год назад

    Nice tutorial. But my form is not displaying on my table

  • @bharathkk8111
    @bharathkk8111 2 года назад

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

  • @skalsree
    @skalsree 5 месяцев назад

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

  • @kaustubhjirapure1981
    @kaustubhjirapure1981 3 года назад

    why you are not storing data in session or local storage

  • @abiyuvan9261
    @abiyuvan9261 5 лет назад +1

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

  • @noegarcia9907
    @noegarcia9907 5 лет назад

    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
      @swaraj_shw 4 года назад

      shift + tab

    • @FMFT
      @FMFT Год назад

      AddressBook JavaScript Vanilla

  • @catnop1912
    @catnop1912 5 лет назад +1

    Thanks. It works..

  • @ktkkoko4331
    @ktkkoko4331 3 года назад

    Sir, in this lesson, I cannot add search box. Can you continued to add search box in this lesson🙏🙏🙏

  • @rickyhaswifi
    @rickyhaswifi 5 лет назад

    Solid tutorial!

  • @shradheyalagad5250
    @shradheyalagad5250 3 года назад

    how can we save table data after refreshing page.

  • @ramramji5883
    @ramramji5883 2 года назад

    Perfect ,but how to" sum of salary "in this sequence ..

  • @randysantos3025
    @randysantos3025 2 года назад

    Thank you so much!!!

  • @Karina-remuna
    @Karina-remuna 2 года назад +1

    thank you so much

  • @madhusreethulasidass2142
    @madhusreethulasidass2142 3 года назад

    How to display the ta le in next page sir can you please put an video

  • @sushmareddy5172
    @sushmareddy5172 2 года назад

    All I can say is Thank U

  • @shortsvideofyp05
    @shortsvideofyp05 3 года назад

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

  • @TriViewThunder10
    @TriViewThunder10 3 года назад

    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