Ползунок ввода диапазонов в html с минимальными и максимальными значениями внутри таблицы и цикла for

Я новичок, и у меня возникают первые проблемы с Django, html, js и так далее. Интересно, может ли кто-нибудь помочь мне здесь.

У меня есть страница, на которой нужно ввести ряд диапазонов посещений и цен для киноцентра. Если вы покупаете входы в кино, если вы идете в кино один раз, вы платите 8, если вы планируете пойти от 2 до 5 раз, вы платите 20, но если вы планируете пойти от 6 до 10 раз, вы платите 30. что я получаю вот это

Дело в том, что список будет расти каждый раз, когда вы создадите новый диапазон цен. Я могу представить, как кто-то добавляет еще один диапазон от 11 до 20 раз и платит 35$. `

#visit range

                    <th scope="col">Precio</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for cuota in cuotas %}
                <tr> 
                    <td><input name="range" id="range" min="0" max="100" value="0" type="range"></div>
                    <td><a class="price">{{ cuota.price }}</a></td>
                    <td style="text-align: right">
                        <button type="button" class="btn btn-secondary btn-xs text-align-right"><i class="fas fa-edit"></i></button>
                        <button type="button" class="btn btn-secondary btn-xs"><i class="fas fa-trash-alt"></i></button>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>`

Дело в том, что список будет расти, и я должен иметь уникальный ID для каждого слайдера и так далее.

Как бы вы решили эту проблему?

Спасибо!!!!

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