Динамическое присвоение значений HTML в цикле django for loop

Я хочу присвоить значение innerHTML циклу for в моих шаблонах django.

В настоящее время, когда я нажимаю на кнопку, HTML меняется, чтобы отразить внутренний HTML кнопки ("individual_project_container").

Затем я хочу прогнать innerHTML, захваченный в "individual_project_container", через цикл for в моем шаблоне django

{% for project in projects %}
    {% if project.project == "HTMLVariable" %} 
        Pass
    {% else %}
        Fail
    {% endif %} 
{% endfor %}

Я знаю, что не могу добавить элемент в цикл for, и я не уверен, как еще можно извлечь переменную.

В моем шаблоне я использую следующий JavaScript для назначения innerHTML "individual_project_container" на "new_note_header"

<script>

document.addEventListener('DOMContentLoaded', function() {
  const nnHead = document.getElementById('new_note_header');
  document.getElementById("project_container").addEventListener("click", e => {
    const tgt = e.target.closest("button");
    if (!tgt.matches(".individual_project_container")) return; // not a button
    nnHead.textContent = tgt.textContent.trim();
  });
});

</script>

Ниже приведен соответствующий HTML:

<div class = "project_container", id = "project_container">
    {% for project in projects %}
        <button class = individual_project_container>
            {{ project }}
        </button>
    {% endfor %}
</div>
<div class = note_header_container>
    <div class = new_note_header, id = new_note_header>
        New Note
    </div>
</div>

{% for project in projects %}
    {% if project.project == "AssignedHTMLVariable" %} 
        Pass
    {% else %}
        Fail
    {% endif %} 
{% endfor %}

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