显示每行不起作用的编号

Question

我正在尝试显示每一行的数量，并通过单击按钮将一个给定值添加到输入。例如：

Anna
George
John
Doe

会成为

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

我尝试了以下代码，但它似乎不起作用：

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

试试这个。

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>