JavaScript Tips and Tricks 02 - build a dynamic html table

Use JavaScript to build a dynamic html table using loops. This video discusses the structure of HTML tables and explains how to use the for loop to create them. The video assumes you are familiar with basic JavaScript.

[roytating]

As a beginner, I find this... beautiful.

[cameronmirrlees]

I know this video is very old but if anyone can answer this question please do: what do I do if I just want to make a loop for the table rows and table cells? I tried to do that part on my own but I had no success. Any input would be appreciated thanks.

Edit: I figured it out. The only thing now is how I would edit the contents of the <td> tag.

[mstn]

You have saved my grade...thank youuuu💖

[bluebomb]

Thank you sir, you have saved my assignment grade!

[KongBorup]

Super helpful and understandable code. Thanks pal!

[oskar]

Hey, how do I fill these cells with with numbers or texts that are not generatetd by the loop?

[naaveekshana]

this is helpful for me to resolve my issue..
-Thank you

[manojdhami]

thank you very much for this tutorial.

[raphaelotojareri]

Thank you so much, I was getting so frustrated on why my code wasn’t giving the right output

[samyyoussef]

Awesome, straightforward and helpful, tanks a lot

[vaishnavivarshney]

Nice Explanation but just wanted to ask what to do if our number of rows are not defined ?

[shardatiwari]

suppose i have csv table saved and i want to retrieve only the 1st column how to do that using JS

[shashanksen]

I did the exact code as you did, not got the output at all. can you guide me through the same ?

[aba]

You sound a lot like Jurgen Klopp. lol

[Sport-word]

Please kindly make a table to be clickable.. I want when I click on the table row, the data in each row should be submitted to fill a html form

[nurmohamad]

Thank u very much...But I have a question...
I created table as u described...
BT it just showing number ....how can I change these data's..??

[syuhadasipayung]

sir, it works fine but when i use this there's still numbers in the table. Can you help me so there's no numbers fill in the table, thanks!

[AustinHampton]

what decides where the table is placed and how would you be able to change that?

[AlgyCuber]

every cells go in 1 column for me
edit : it works now

[neocyndaquil]

It doesn't help me. I cannot use document.write ... stupid teacher forces me to use getElementbyID instead -_-