Как реализовать нумерацию абзацев?

Question

[tosster22]

Есть задача написать функцию, которая будет добавлять номер к абзацам. Если абзац меньше 10, то к номеру абзаца должен добавляться 0 и выводиться 01, 02, 03 и тд, а если абзац больше 10, то 0 не должен добавляться. Написал функцию, но допустил ошибку. Помогите разобраться. Заранее всем спасибо.

function numerateParagraphs() {
  let paragraphs = document.querySelectorAll('p');
  
  for (i = 0; i < paragraphs.length; i++){
    number = i + 1;
    if (i < 10) {
      paragraphs[i].innerHTML = '<div class="numberIMG">' + '0' + number + '</span>' + " " + paragraphs[i].innerHTML;
    } else {
      paragraphs[i].innerHTML = '<div class="numberIMG">' + number + '</span>' + " " + paragraphs[i].innerHTML;
    }
  
}
}
<code lang="html">
<p>lorem</p>
	<p>lorem</p>
	<p>lorem</p>
	<p>lorem</p>	
	<p>lorem</p>	
	<p>lorem</p>	
	<p>lorem</p>	
	<p>lorem</p>	
	<p>lorem</p>	
	<p>lorem</p>
</code>
numerateParagraphs();

Answer 1

[Rustam Bainazarov]

На всякий случай напоминаю, что это можно сделать автоматически тупо на CSS (CSS Counter with Decimal Leading Zero):



На JS можно так (спасибо Интернету):

Comments

[tosster22]

не знал об этом даже)) но цель тут немного другая все же. учу js))))) но все равно спасибо

[Rustam Bainazarov]

tosster22, обновил ответ, добавил JS.

Answer 2

[ⓒⓢⓢ]

вот это странное:

'<div class="numberIMG">' + '0' + number + '</span>'

открываете тег div, но дальше тег закрывающий span ...

Comments

[tosster22]

как исправить? суть была в том, чтобы 0 добавить перед 1

[ⓒⓢⓢ]

tosster22, можно так
https://codepen.io/anon/pen/VNKGYN?editors=1010

[tosster22]

JRK_DV, спасибо