[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! :)

[@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);*

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

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

[@SabarishRR]

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

[@vaishalisinghparwal6271]

same

[@DigiFisk]

Thank you! :)

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

[@davindrabrabumathivanan5523]

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

[@DigiFisk]

Thank you! More to come!

[@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);

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

[@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. :)

[@subhamsrivastava7181]

Thanks for explaining in such detail.

[@WaqasKhan-yj4jz]

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

[@akashmazumder12]

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

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

[@Mr.React-d4t]

Awesome madam ❤ thank you so much 🎉🎉🎉

[@FMFT]

Suggestion: AddressBook JavaScript Vanilla

[@priyaljain9585]

can u tell me the code to hide the table headings

[@yashbeniwal4337]

Very Nice❣Voice concept also

[@ssdheeraj6347]

thank you for explaining in detail.

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

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

[@no-han]

thanks your videos

[@LavkushDhepevlogs]

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

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

[@deepaknirmal8667]

Great explanation. Thanks.

[@DigiFisk]

Glad it was helpful!

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

[@kannand803]

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

[@hemanthchowdary5381]

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

[@sundaramahalingama4943]

thank you so much great one for CRUD operations

[@jaysonwonder6667]

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

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

[@RandomFatcsPH]

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

[@prashil7580]

Thanks.. Its very helpfull

[@DigiFisk]

Glad it was helpful!

[@chiragprajapati4506]

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

[@prottoyalam5035]

these videos are very helpful

[@sunwinsunny]

Thank you , I really needed this

[@mdrojjob4459]

Thank you so Much

[@mohdimtiazali3865]

Thanks it is really so helpful
Keep doing this

[@jebonecyjahranv.3416]

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

[@rojakamasani3499]

Sir using react js how to display the same output.

[@allisonricker9336]

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

[@MukulSharma-nr3te]

nice teaching

[@DigiFisk]

Thank you!

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

[@lillykhan7968]

Great explanation.

[@robertasaservice]

This was amazing, Many thanks!!

[@aparnavenkatraj4565]

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

[@tolabanjo2675]

BIG THANKS!

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

[@reshmaofficial9994]

Thank you Sister

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

[@LavkushDhepevlogs]

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

[@yashbeniwal4337]

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

[@nadiajamhari98]

Nice video.

[@ALVIN28288]

Better to have a button to delete row.

[@sushi5854]

Nice vedio sister

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

[@pawansingh1601]

very nice

[@pawansingh1601]

very helpful

[@ammadhoorani8036]

TY :)

[@coolgirlsharu]

Thank you 😊💞 so much mam

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

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

[@sampath2927]

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

[@priyankah455]

Which text editor you used

[@strombreak]

Bracket

[@DigiFisk]

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

[@anoushkachouksey9752]

Thank you so much❤️

[@rodericklamano6488]

thank you...

[@amalasebastian9968]

niceee

[@DigiFisk]

Thanks! :)

[@Tutorialworld-g7s]

❤

[@shafferiyasudheenr5499]

I didn't get this output

[@trippie7014]

thanks

[@balamuralimedia1653]

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

[@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!! ❤️

[@C__RahidaPriya]

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

[@FMFT]

AddressBook JavaScript Vanilla

[@salihsendil]

you are a hero :D

[@richluetoure5386]

Very good.
can you please share the source code?

[@FMFT]

AddressBook JavaScript Vanilla

[@amaliavina4029]

Thanks so much!!!

[@harshsaraswat7024]

its not working in me anybody help

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

[@attahussain8277]

Can you give this code? please

[@FMFT]

AddressBook JavaScript Vanilla

[@auliafaza866]

ow girl.. finallyyyy

[@dcdailycare]

It was a nice tutorial until it reached javascript.

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

[@reshmaofficial9994]

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

[@faqaralshehab9269]

meci

[@priyankah455]

Which text editor u used

[@kamrulhasanshimul6200]

Thank you

[@DigiFisk]

Welcome!