Скрипт не работает в html для моего проекта django

Прежде всего. Это мой первый раз, когда я задаю здесь вопрос. Так что если я делаю что-то неправильно, прошу прощения за это.

Поскольку я довольно новичок в программировании, я действительно не понимаю, где проблема с моим html прямо сейчас. В основном я хочу, чтобы скрипт создавал новое текстовое поле, чтобы я мог задавать все больше и больше вопросов. Типа как на картинке ниже.

введите описание изображения здесь

Код для моего html сейчас выглядит следующим образом.

---

{% extends "index.html" %}

{% block content %}
    <div>
        <h1 class="text-center">Multiple-Choice-Aufgaben</h1>
    </div>
    <br>
    <div>
    <input type="text" name="form-name" placeholder="Form Name" class="form-control">
</div>
<br>
<div style="border: 1px solid black">
    <input type="text" name="I" placeholder="Frage hier hinschreiben" class="form-control">
    <br>
    <i>Short answered text</i>
</div>
<br>
<button type="button" class="btn btn-lg btn-outline-primary" onclick="createNewQuestion();">Neue Frage hinzufügen</button>
<button type="button" class="btn btn-lg btn-outline-success">Aufgabenblatt erstellen</button>

<script>
    let questionCount = 0;
    function createNewQuestion() {
        let DIV = document.createElement("div");
        let BR = document.createElement("BR")
        DIV.setAttribute("style", "border: 1px solid black")
        DIV.innerHTML = <input type="text" name="${questionCount}" placeholder="Frage hier einfügen:" class="form-control"><i>Kurze Antwort</i>
        document.getElementById("questions").appendChild(DIV);
        document.getElementById("questions").appendChild(BR);
        questionCount++;
    }

</script>

{% endblock %}`

---

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

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