Pure JavaScript CRUD Operations with Html

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 241

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

  • @FitLife6767
    @FitLife6767 5 років тому +10

    Thank you very much from Brasil.

  • @nocturno7887
    @nocturno7887 5 років тому +3

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

  • @aavalos163
    @aavalos163 3 роки тому +3

    Your great instructor! This tutorial was easy to understand.

  • @armanmalik2908
    @armanmalik2908 Рік тому

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

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

  • @wennie2939
    @wennie2939 5 років тому +3

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

  • @TarekFaham
    @TarekFaham 4 роки тому +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.

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

  • @sergeygetman1973
    @sergeygetman1973 3 роки тому

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

  • @andrericardo6992
    @andrericardo6992 5 місяців тому

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

  • @user-cq8xj7ck2u
    @user-cq8xj7ck2u 3 роки тому

    your coding are awersome
    you deserve more subsriber

  • @klearner666
    @klearner666 3 роки тому

    you are the guy with a real solution

  • @AshwaniMishra
    @AshwaniMishra 3 роки тому

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

  • @baholomokoena1046
    @baholomokoena1046 4 роки тому +1

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

  • @allgood6650
    @allgood6650 6 років тому +3

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

  • @nahiankhondokar2845
    @nahiankhondokar2845 3 роки тому

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

  • @quamran_9119
    @quamran_9119 2 роки тому

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

  • @prasadkottapalli5727
    @prasadkottapalli5727 4 роки тому +1

    Thank you Super explanations

  • @MelnStarscream
    @MelnStarscream 3 роки тому

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

  • @patricks4559
    @patricks4559 3 роки тому

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

  • @mamadoundiade2764
    @mamadoundiade2764 5 років тому

    Thank you very much ! Very consistent and clear explanations.

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

  • @TaaaiooMarvel
    @TaaaiooMarvel 6 років тому

    Wonderful JS Crud System & Excellent Description ...

    • @CodAffection
      @CodAffection  6 років тому

      Glad you fond the video helpful.

  • @shankarroyalTADALU
    @shankarroyalTADALU 4 роки тому

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

  • @rafaelferreiradearaujo7454
    @rafaelferreiradearaujo7454 3 роки тому +1

    Muito bom! Esta com destaque aqui no Brasil.

  • @Spmdiamond
    @Spmdiamond 2 роки тому

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

  • @midmid1283
    @midmid1283 6 років тому

    Merveilleux merci de partager une telle connaissance

    • @CodAffection
      @CodAffection  6 років тому

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

  • @tariqislamicofficial7520
    @tariqislamicofficial7520 Рік тому

    Mashallah so helpfull video thank you so much

  • @ihuang694
    @ihuang694 4 роки тому

    Thank you so much! You solved my problem!

  • @muhammadfajar4705
    @muhammadfajar4705 4 роки тому

    thanks mate just practice just now and it was amazing

  • @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 10 місяців тому

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

  • @GeraldTags
    @GeraldTags 4 роки тому

    Great tuts! More power!

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

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

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

  • @Eduardoschoenfeld97
    @Eduardoschoenfeld97 3 роки тому

    Looks amazing, Thanks

  • @sama.jlouis_official
    @sama.jlouis_official 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

  • @codetreasury2379
    @codetreasury2379 2 роки тому

    Thank you. It helped a lot.

  • @ahmadarwani4061
    @ahmadarwani4061 4 роки тому +1

    Nice tutorial 👌

  • @ashutoshbiotech
    @ashutoshbiotech 3 роки тому +1

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

  • @kran399
    @kran399 4 роки тому

    its really GOOD. keep Rock Bro.

  • @mohd.osamakhan3644
    @mohd.osamakhan3644 4 роки тому +2

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

  • @luka6354
    @luka6354 5 років тому +1

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

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

  • @udh1
    @udh1 3 роки тому +1

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

  • @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 5 років тому

      shift + tab

    • @FMFT
      @FMFT Рік тому

      AddressBook JavaScript Vanilla

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

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

  • @jonquino755
    @jonquino755 4 роки тому

    really really awesome thanks so much

  • @funnyanimalworld7579
    @funnyanimalworld7579 2 роки тому

    awesome and simple

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

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

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

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

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

  • @hussamhussam1889
    @hussamhussam1889 2 роки тому

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

  • @saifyhussain6107
    @saifyhussain6107 2 роки тому

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

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

  • @shashankthapa7167
    @shashankthapa7167 2 роки тому

    Thanks sir it was great help ❤️

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

  • @rajbannasa7662
    @rajbannasa7662 2 роки тому

    Thank you so much sir ❤️

  • @_Nilesh_Rajput
    @_Nilesh_Rajput 2 роки тому

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

  • @KnowledgeScam
    @KnowledgeScam 2 роки тому

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

  • @alejandrorodriguez5836
    @alejandrorodriguez5836 4 роки тому +1

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

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

  • @shravyads8458
    @shravyads8458 3 роки тому

    Great one!

  • @Tom-ci9jx
    @Tom-ci9jx 3 роки тому

    Good, very impressive..

  • @nlt-g3v
    @nlt-g3v 2 роки тому

    ondelete function parameter is "" not ""

  • @howtotuts2993
    @howtotuts2993 5 років тому

    Thanks bro!! amazing content

    • @CodAffection
      @CodAffection  5 років тому

      glad you found this angular + web api tutorial helpful.

  • @JewJew27
    @JewJew27 4 роки тому

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

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

  • @nagavenkat529
    @nagavenkat529 Місяць тому

    Auto save or not when I refresh tell me

  • @skalsree
    @skalsree 7 місяців тому

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

  • @sasivardhan2786
    @sasivardhan2786 3 роки тому

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

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

  • @samuelcaine9843
    @samuelcaine9843 5 років тому +2

    it would be great if you do javascript crud operations by applying oops javascript concept.

    • @FMFT
      @FMFT Рік тому

      AddressBook JavaScript Vanilla

  • @rayyanabdulwajid7681
    @rayyanabdulwajid7681 11 місяців тому

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

  • @sasivardhan2786
    @sasivardhan2786 3 роки тому

    t is not working while changing the fullname,empid,salary to fname,lastname and password

  • @TriViewThunder10
    @TriViewThunder10 4 роки тому

    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

  • @johnmadsen37
    @johnmadsen37 5 років тому

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

  • @Hariprasad-ju4hh
    @Hariprasad-ju4hh 3 роки тому

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

  • @kaustubhjirapure1981
    @kaustubhjirapure1981 3 роки тому

    why you are not storing data in session or local storage

  • @randysantos3025
    @randysantos3025 2 роки тому

    Thank you so much!!!

  • @lancetv4826
    @lancetv4826 Рік тому

    Thank you!

  • @shradheyalagad5250
    @shradheyalagad5250 3 роки тому

    how can we save table data after refreshing page.

  • @Jorge-sm8un
    @Jorge-sm8un 4 роки тому

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

  • @WasanKhunnadiloksawet
    @WasanKhunnadiloksawet 4 роки тому

    Excellent !!!

  • @parajf
    @parajf 3 роки тому

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

  • @ravikaran4870
    @ravikaran4870 6 років тому

    Thank u Sir it is helpful

  • @Karina-remuna
    @Karina-remuna 3 роки тому +1

    thank you so much

  • @yashminlozano3950
    @yashminlozano3950 5 років тому

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

  • @donpatrickcubar4376
    @donpatrickcubar4376 4 роки тому

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

  • @rickyhaswifi
    @rickyhaswifi 5 років тому

    Solid tutorial!

  • @ktkkoko4331
    @ktkkoko4331 3 роки тому

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

  • @jaggyjut
    @jaggyjut 4 роки тому

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