Как сделать соответствие порядкового номера списка и его текста внутри?

Question

[absoluteST]

Добрый день, есть такая задачка, у меня её решить не получилось.
В общем есть список и кнопка

<ol class="spisok">
       <li>Text</li>
       <li>Text</li>
       <li>Text</li>
 </ol>
<button class="button">click me</button>

Задача: при добавлении новых пунктов списка (начиная с 4), текст в них соответствует порядковому номеру (четвёртый, пятый, шестой), помогите сделать хотя бы до восьмого пункта, что бы самому понять как это работает.

Comments

[Alex]

А что ты уже пробовал? Что не получилось? Где твой код? Где ссылки не песочницу?

Answer 1

[dmitry-toster]

Ну или так

Comments

[absoluteST]

Видимо меня немного не правильно поняли, но всё равно спасибо за помощь.
Если конкретно, то нужно что бы начиная с 4 li, порядковый номер писался словом, например:
3. text
4. четвёртый
5. пятый и т.д.

[dmitry-toster]

absoluteST, теперь понятно. обновил ответ по ссылке выше

Answer 2

[Воващ]

развлекайся