Простая карусель, которая обновляет свои кнопки навигации с количеством элементов контента

Я пытаюсь сделать карусель, который обновляет кнопки навигации в соответствии с элементами списка в элементе content.

<div id="content" class="content">
        <div>Something goes here</div>
        <div>Something goes here</div>
        <div>Something goes here</div>
        <div>Something goes here</div>
    </div>

И кнопки навигации обновляются сами.

<ul id="page_number" class="page_number">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
    </div>

Проблема в том, что эти элементы навигации не должны быть статичными, как здесь, они должны быть обновлены путем создания в DOM в качестве обновлений элементов контента.