[Javascript tutorials #2] Get details and display in a table JS Part 3 - Data processing & display

[@tasuttk]

I dunno how can I say how much happy I'm today. I was trying to prarctice js alone for the first time and you helped me a lot. For now my happiness is infinite.

[@DigiFisk]

Thanks for the compliments!

[@francisjacquart9618]

YOUR TUTORIALS ARE ALL REALLY FANTASTIC. I AAM A TEACHER, AN AUTODIDACT AND ALSO A NOVICE AND I UNDERSTAND EVERYTHING YOU EXPLAIN. THANSKS SO MUCH FOR THESE WONDERFUL MINI APPLICATIONS. I ONLY WISHED, THAT YOU MADE MORE OT THEM TO LEARN EVEN MORE FROM YOU, BUT THANKS FOR YOU GENEROSITY! LOVE AND TAKE CARE! FRANCIS, 68 LEARNING TO PROGRAMM AND CODE SERIOUSLY FOR THE FIRST TIME IN MY LIFE AND ALL BY MYSELF. I JUST LOVE IT! I STARTED IN FEBRUARY OF THIS YEAR, 2022.

[@DigiFisk]

Thanks for the compliments Francis. All the best in your coding journey! :)

[@Emediong-j4h]

Wow😮 The best I have ever watched. This is what I have been looking for. Sending love from Nigeria

[@armyteguh2649]

Again, your voice really are relaxing my mind, and Damn why the hell i just found you now, you're really have a damn good teach and explaining skill, please update more video...

[@DigiFisk]

Thanks! Yes, I'll create more videos in the next few weeks, starting from today.

[@SabarishRR]

Tutorial is really nice and I am impressed with your voice and delivering flow

[@vaishalisinghparwal6271]

same

[@DigiFisk]

Thank you! :)

[@-alfeim2919]

this is so amazing, thankx a lot. i tried to display data using array but your way is much better

[@-alfeim2919]

my button can't work

[@subhamsrivastava7181]

Thanks for explaining in such detail.

[@ragjnmusic8765]

can you help me with displaying the database table rows like this when I click the button it should show the whole table PHP and AJAX JS

[@LavkushDhepevlogs]

If suppose SR No table is there how will increase automatically serial wise if we put data serial wise

[@ivanyosifov2629]

Wow didn't know JavaScript had native methods for inserting rows and cells in tables. Always used document.createElement(). A nice trick that I learned about inserting cells and rows is if you don't want to keep track of the row or cell index is to use -1 var cell1 = newRow.insertCell(-1); var cell2 = newRow.insertCell(-1); var cell3 = newRow.insertCell(-1); is just the same as: var cell1 = newRow.insertCell(0); var cell2 = newRow.insertCell(1); var cell3 = newRow.insertCell(2); And *var newRow = display.insertRow(row);* is same as *var newRow = display.insertRow(-1);*

[@kannand803]

Hi, when I try to submit the form. It returns an empty row. I did console.log, values are showing there.

[@davindrabrabumathivanan5523]

Nicely explained... looking forward for more JavaScript tutorial projects

[@DigiFisk]

Thank you! More to come!

[@Mr.React-d4t]

Awesome madam ❤ thank you so much 🎉🎉🎉

[@priyaljain9585]

can u tell me the code to hide the table headings

[@crangel155]

For anyone that is having a problem with the page refreshing on submit. In the tag put onsubmit="return false". This worked for me, it stops the page from refreshing when you hit the button but still submits the data. This took me a while to figure out.

[@crangel155]

that is if you used a submit type instead of a button for some reason like I did

[@priyeshgupta164]

How can we add data that we retrieve from backend java application, running on eclipse. I want to show this data as a table data in html.

[@hemanthchowdary5381]

It's showing cannot read properties of null(reading 'addEventListener')?

[@danbuild977]

An excellent solution, thank you for this teacher. I have done this slightly differently through the implementation of insertRow(-1). It cuts down on the code a little bit, and is good for single line entry processes. (tableID) => { let tableRef = document.getElementById('my-table'); let newRow = tableRef.insertRow(-1);

[@LavkushDhepevlogs]

When we submit input entry and that i want to empty input

[@chiragprajapati4506]

Hello ma'am why there is a value in table are disappear in 1 second what is the reason?

[@yashbeniwal4337]

Very Nice❣Voice concept also

[@user-qp4mv6dt9z]

.InsertRow(row) Found error like this function is not defined so what should I do?

[@aarthie3035]

JavaScript is case sensitive. The function is insertRow

[@ruudkorunka]

Thank you for your clear explanation. How can I save the submitted data in an .html file or .txt file, so that they will not disappear?

[@DigiFisk]

I'll create a new video detailing this.

[@jebonecyjahranv.3416]

Can you try to reload. If it won't dissapear the text

[@levelclimbingvideos5819]

Very nice app! It would be fun to continue expanding this app. E.g. let different users save their table, delete entries, edit entries, etc.

[@DigiFisk]

More videos to come. Please look forward to them. :)

[@jitakshgambhir6437]

can the table be on the next page and whenever the user clicks the button it redirects to the next page with the table please reply

[@rojakamasani3499]

Sir using react js how to display the same output.

[@gopikrishnan6667]

If I hit input entry button... It's showing undefined in the table cells...has anybody got this same error... How to resolve this?

[@keinAlias1]

Hey thanks for video! Would it also be possible to sort the table like that the new entry always gets showed on top of the table? Thank you in advance!

[@aparnavenkatraj4565]

how to validate your form? where to include that alerts? like enter only characters

[@RuthAdebolaHola]

Cooolll, thank you One more problem what if I misspell and submit and need to edit the information or delete it how do I add that button option

[@ssdheeraj6347]

thank you for explaining in detail.

[@allisonricker9336]

hello, can you please share how you would sort this data, since it is not an array?

[@sampath2927]

can we use createElement for creation of new rows in table and then use appendChild to it???? can anyone please help

[@surbhi4378]

mam, I am Surbhi from Bhubaneswar Odisha. I am facing a problem with the code. my table shows the data for a few seconds and then disappear. hope you will help me with this.

[@swarupbasak5227]

In my case only new row and cell is created.,but no data gets displayed. Have u solved the problem bro

[@robertasaservice]

This was amazing, Many thanks!!

[@yashbeniwal4337]

But madam how it will store each time will refresh it goes clean

[@deepaknirmal8667]

Great explanation. Thanks.

[@DigiFisk]

Glad it was helpful!

[@harshittrivedi4988]

Ma'am I don't be able insert my data dynamically.i have already watched and doing practical with you but I can't be able to display data dynamically can please guide me.

[@balamuralimedia1653]

madam please provide source code.. my vs Code it did't worked .....i enter what you told ....but it not worked

[@lillykhan7968]

Great explanation.

[@mohdimtiazali3865]

Thanks it is really so helpful Keep doing this

[@WaqasKhan-yj4jz]

great Mam, try to solve more advanced javascript lecture we will be waiting. Thank You.

[@sunwinsunny]

Thank you , I really needed this

[@akashmazumder12]

Great ..it really helped..can you pls show how to delete the last row if user clicks a button say Delete Data

[@prottoyalam5035]

these videos are very helpful

[@sundaramahalingama4943]

thank you so much great one for CRUD operations

[@jaysonwonder6667]

It is not a CRUD, C = Create, R = Read, U = Update, D = Delete

[@no-han]

thanks your videos

[@harshsaraswat7024]

its not working in me anybody help

[@prashil7580]

Thanks.. Its very helpfull

[@DigiFisk]

Glad it was helpful!

[@MukulSharma-nr3te]

nice teaching

[@DigiFisk]

Thank you!

[@priyankah455]

Which text editor you used

[@strombreak]

Bracket

[@DigiFisk]

You can use Visual studio Code now, it works better actually.

[@shafferiyasudheenr5499]

I didn't get this output

[@nadiajamhari98]

Nice video.

[@akhilkazi1454]

I needed a database as same which as shown on video. Which save data (for ex. If i have 100 mobile if one sale it should be delete from row and shows as 99 remain.

[@FMFT]

AddressBook JavaScript Vanilla

[@tolabanjo2675]

BIG THANKS!

[@FMFT]

Suggestion: AddressBook JavaScript Vanilla

[@sushi5854]

Nice vedio sister

[@mdrojjob4459]

Thank you so Much

[@RandomFatcsPH]

Nice video very helpful, can u tell create video on how to avoid duplicate entry?

[@manojrohit7727]

Hey after display i want go insert these table value can u please create one more video on these

[@DigiFisk]

Yes, I'll do that.

[@coolgirlsharu]

Thank you 😊💞 so much mam

[@C__RahidaPriya]

I need the source code.Can You please Share it??

[@FMFT]

AddressBook JavaScript Vanilla

[@rajchandra6913]

Hi I really enjoyed your tutorial and watched all three of your videos of the series!! Can you tell me how to add border radius to all cells heading separatelly??

[@DigiFisk]

You can select "th" in CSS (selector) and add a border.

[@anoushkachouksey9752]

Thank you so much❤️

[@pawansingh1601]

very nice

[@mehboobdev]

You are very good at teaching , keep working hard . well explained , you earn subscriber's

[@DigiFisk]

Thanks for the compliment! I'll be creating a lot more videos soon. Hope you enjoy them as well.

[@salihsendil]

you are a hero :D

[@reshmaofficial9994]

Thank you Sister

[@ALVIN28288]

Better to have a button to delete row.

[@pawansingh1601]

very helpful

[@attahussain8277]

Can you give this code? please

[@FMFT]

AddressBook JavaScript Vanilla

[@amaliavina4029]

Thanks so much!!!

[@amalasebastian9968]

niceee

[@DigiFisk]

Thanks! :)

[@leanboy4952]

Its Not working

[@salmantariq1528]

i face the same issue which is yours, but then i recheck my code and find my mistake then it's working,,,, she's doing awesome

[@ammadhoorani8036]

TY :)

[@rodericklamano6488]

thank you...

[@auliafaza866]

ow girl.. finallyyyy

[@richluetoure5386]

Very good. can you please share the source code?

[@FMFT]

AddressBook JavaScript Vanilla

[@trippie7014]

thanks

[@Armin.Theron]

Jesus loves you so much ❤️ I was addicted to porn for almost 6 years of my life, I was on drugs, alcohol and I hated people, Jesus set me free and he can set you free aswell ❤️ all you have to do is repent and trust in him and he will change your life!! ❤️

[@Tutorialworld-g7s]

❤

[@reshmaofficial9994]

J's code........View

[@dcdailycare]

It was a nice tutorial until it reached javascript.

[@faqaralshehab9269]

meci

[@priyankah455]

Which text editor u used

[@kamrulhasanshimul6200]

Thank you

[@DigiFisk]

Welcome!