Adiciona números de linha aos blocos de código na página.

add-numero-de-linhas-ao-codigo.js

/**
 * Adiciona números de linha aos blocos de código na página.
 */
function adicionarNumerosLinhasCodigo () {
  // Seleciona todos os elementos <pre><code> na página
  document.querySelectorAll('pre code')
    .forEach(container => {
      // Obter as linhas de código
      const linhas = container.innerHTML.split('\n')

      // Ignora os containers com apenas uma linha
      if (linhas.length <= 1) {
        return
      }
  
      // Adiciona números de linha a cada linha de código
      let novoCodigo = linhas
        .map((linha, i) => `<span class='line-number'>${ i + 1 }</span>${ linha }`)
        .join('\n')
        
      // Atualiza o container com o novo código
      container.innerHTML = novoCodigo;
    })
}

// Chama a função adicionarNumerosLinhasCodigo quando a janela terminar de carregar
window.addEventListener('load', adicionarNumerosLinhasCodigo)