Numbered loop in Jinja

manpreet Best Answer 2 years ago

I'm trying to make a quiz app using Django, Jinja2 and PostgreSQL. I want to number the questions but I don't know how to because python doesn't use a counter in for loops (e.g. for exercise in exercises - no for loop here)

I've tried to change the for loop

(for exercise in exercises)

so it has a counter

(for x in myrange)

and defining myrange in views.py to be a range(1, len(exercitii+1)) but after that I didn't know how to access the elements inside the Jinja template. I tried to access the exercises with

{exercitii.x-1.intrebare}}

but it didn't work.

html template

{% extends 'base.html' %}
{% load static %}
{% block content %}
    div>
    <div id="middle-section" class="container-fluid container-fluid-margin">
            <div class="content-quiz">
                <form action="{% url 'exercitiu' lectii.id %}" method="POST" id="quiz">
                        {% for exercitiu in exercitii %}
                        <div class="row content-block"> 
                                <div class="col-lg-10 text-card">
                                        {% csrf_token %}
                                            <div class="card card-custom">
                                                <div class="card-body">
                                                    <h5 class="card-title">{{exercitiu.id}} - {{exercitiu.intrebare}}h5>
                                                    <div class="card-text">
                                                            <input type="radio" name="question-{{exercitiu.id}}-answers" id="question-{{exercitiu.id}}-answers-A" value="A" />
                                                            <label for="question-{{exercitiu.id}}-answers-A">A) {{exercitiu.variante.0}} label>
                                                    div>
                                                    <div class="card-text">
                                                                <input type="radio" name="question-{{exercitiu.id}}-answers" id="question-{{exercitiu.id}}-answers-B" value="B" />
                                                                <label for="question-{{exercitiu.id}}-answers-B">B) {{exercitiu.variante.1}} label>
                                                    div> 
                                                    <div class="card-text">
                                                                <input type="radio" name="question-{{exercitiu.id}}-answers" id="question-{{exercitiu.id}}-answers-C" value="C" />
                                                                <
                                                

                                                                                                        
                                                    
                                                
                                                

                                                    

                                                        
                                                            0
                                                            views 

                                                            0
                                                                likes 
                                                            
                                                            

                                                            0
                                                            shares
                                                            


    

         Facebook
        
         Twitter
        
        
         Linked In 
        
          WhatsApp