Изменение порядка следования объектов django на сайте с помощью javascript

На html странице у меня есть список песен

{% for comp in composition %}
    ....
    <button class="down_song">
    <button class="up_song">
    <p>{{ comp.title }}<p>
    ....
{% endfor %}

также у каждого трека есть две кнопки: вверх и вниз. Как сделать так, чтобы при нажатии кнопки вверх или вниз, трек менялся с соседним треком и чтобы положение треков также менялось в базе данных django

Вернуться на верх