显示每行不起作用的编号

Question

I'm trying to display the number of each line and add a given value to inputs with a click of a button. For example:

Anna
George
John
Doe

Would become

1,Anna
2,George
3,John
4,Doe

I tried the following piece of code, but it doesn't seems to work:

 function addNumber() { var content = document.getElementById('myTextArea').value; var line = 1; var replaced = content.replace(/^/gm, function() { return '<span class="line-number-position">&#x200b;<span class="line-number">' + line++ + '</span></span>'; }) } 

 <textarea id="myTextArea"></textarea> <button onclick="addNumber()">CLICK ME</button> 

Answer 1

Try this.

 function addNumber() { var content = document.getElementById('myTextArea').value; var line = 1; var replaced = content.replace(/[0-9],/g, '').replace(/^/gm, function() { return line++ +','; }) document.getElementById('myTextArea').value=replaced } 

 <textarea id="myTextArea"></textarea> <button onclick="addNumber()">CLICK ME</button>