Adding line numbers to table <td> using javascript

Question

I am a beginner with javascript. I have an html table with contenteditable data, I would like to use javascript to add numbering next to each line inside the "contenteditable" column after entering TAB:

 <table> <tr> <td contenteditable="true" >First column</td> </tr> </table>

Any help would be appreciated. Thanks!

Answer 1

If by "line number", you mean "column number", this will work:

 <table> <tr> <td contenteditable="true" >First column</td> <td contenteditable="true" >Second column</td> </tr> </table> <script> let index = 1 document.querySelectorAll('td').forEach((td) => { td.innerText += " " + index index += 1 }) </script>