Проблемы с отображением набора форм Django с помощью JS с кнопкой

У меня проблемы с развертыванием моего набора форм.

Бывает, что при нажатии на кнопку "добавить Часть" нужно продублировать, утроить и т.д. форму. Однако этого не происходит, я не могу найти ошибку, ранее мне говорили, что она здесь:

container.insertBefore(newForm, addButton).

Но я уже проверил и не могу найти неисправность, они также сказали мне, что если не использовать это:

let Id="id_form-TOTAL_FORMS"

строка кода

totalForms.setAttribute('value', ${formNum+1});

не работает. Может ли кто-нибудь помочь мне, что происходит? Кстати, я основываюсь на этом руководстве, чтобы сделать набор форм

JS

let parteForm = document.querySelectorAll(".part-form")
let container = document.querySelector("#part-form-container")
let addButton = document.querySelector("#add-form")
let totalForms = document.querySelector("#id_form-TOTAL_FORMS")
let formNum = parteForm.length-1 // Get the number of the last form on the page with zero-based indexing


addButton.addEventListener('click', addForm)

function addForm(){
    let newForm = parteForm[0].cloneNode(true)
                   console.log("en la funcion newForm:",{newForm})
    let formRegex = RegExp(`form-(\\d){1}-`,'g')
                   console.log("en la funcion formRegex:",{formRegex})
                   console.log("en la funcion formNum:",{formNum})

    formNum++
                   console.log("en la funcion formNum:",{formNum})
    newForm.innerHTML = newForm.innerHTML.replace(formRegex, `form-${formNum}-`)
                   console.log("en la funcion newForm:",{newForm})

    container.insertBefore(newForm, addButton)

    totalForms.setAttribute('value', `${formNum+1}`)
}

HTML

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