Как получить количество строк и внести их в колонку слева пронумеровав их?

Question

[S P]

Есть пример кода (колонка справа) как посчитать кол-во строк и пронумеровать их в колонке слева, выводя нумерацию строк (1,2,3,4,5 ...)

И проблема с повторением кода для других блоков(
https://jsfiddle.net/sp_true/f9dg63r2/1/

Answer 1

[Stalker_RED]

const rowsCount = content.split('\n').length;
Осталось в цикле вывести номера строк.

rowNumbers.innerHTML = Array(rowsCount).fill(0).map((_,i)=>`<span>${i+1}</span>`).join('<br>');

Comments

[S P]

О, спасибо) только проблема он в итоге выдает 1,2,3. И как запускать функцию для каждого блока отдельно?

[Виктор Л]

content.split('br').length;
переносы посчитай

[Виктор Л]

[S P]

Виктор Л, спасибо большое, а как это применить к каждому блоку?

[Stalker_RED]

Сергей Пономарёв, вы так говорите, будто у вас весь код работает для всех блоков, а только с нумерацией проблема. На самом же деле придется все переделывать, для каждого блока делать свои обработчики.
Вместо document.querySelector писать как-то так

blocks.forEach(block => { // перебор всех блоков
        block.querySelector(...
        // тут работаем с элементами внутри блока, а не с первым попавшимся в документе
})