Форма не правльно работает с кнопками JS

Всем привет! В моем formset.js не отрабатывает button "удалить" последнюю строку в моем html коде, не могу понять в чем причина?(

Файл formset.js

function updateElementIndex(el, prefix, ndx) {
    var id_regex = new RegExp('(' + prefix + '-\\d+)');
    var replacement = prefix + '-' + ndx;
    if ($(el).attr("for")) $(el).attr("for", $(el).attr("for").replace(id_regex, replacement));
    if (el.id) el.id = el.id.replace(id_regex, replacement);
    if (el.name) el.name = el.name.replace(id_regex, replacement);
}

function cloneMore(selector, prefix) {
    var newElement = $(selector).clone(true);
    var total = $('#id_' + prefix + '-TOTAL_FORMS').val();
    newElement.find(':input:not([type=button]):not([type=submit]):not([type=reset])').each(function () {
        var name = $(this).attr('name').replace('-' + (total - 1) + '-', '-' + total + '-');
        var id = 'id_' + name;
        $(this).attr({'name': name, 'id': id}).val('').removeAttr('checked');
    });
    newElement.find('label').each(function () {
        var forValue = $(this).attr('for');
        if (forValue) {
            forValue = forValue.replace('-' + (total - 1) + '-', '-' + total + '-');
            $(this).attr({'for': forValue});
        }
    });
    total++;
    $('#id_' + prefix + '-TOTAL_FORMS').val(total);
    $(selector).after(newElement);
    var conditionRow = $('.form-row:not(:last)');
    conditionRow.find('.btn.add-form-row')
        .removeClass('btn-success').addClass('btn-danger')
        .removeClass('add-form-row').addClass('remove-form-row')
        .html('<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>');
    return false;
}

function deleteForm(prefix, btn) {
    var total = parseInt($('#id_' + prefix + '-TOTAL_FORMS').val());
    if (total > 1) {
        btn.closest('.form-row').remove();
        var forms = $('.form-row');
        $('#id_' + prefix + '-TOTAL_FORMS').val(forms.length);
        for (var i = 0, formCount = forms.length; i < formCount; i++) {
            $(forms.get(i)).find(':input').each(function () {
                updateElementIndex(this, prefix, i);
            });
        }
    }
    return false;
}
// let bt = document.getElementById('plus');
let bt = document.querySelector('.add-form-row');
console.log(bt)
bt.addEventListener('click', function (e) {
    console.log('yahoo1');
    e.preventDefault();
    cloneMore('.form-row:last', 'form');
    return false;
});

$(document).on('click', '.add-form-row', function (e) {
    console.log('yahoo');
    e.preventDefault();
    cloneMore('.form-row:last', 'form');
    return false;
});
$(document).on('click', '.form-row', function (e) {
    e.preventDefault();
    deleteForm('form', $(this));
    return false;
});

files.html

<div class="row form-row">
                <div class="col-2">
                </div>
                <div class="mb-3 col-lg-2">
                  {{ form.types }}
                </div>
                <div class="mb-3 col-lg-2">
                  {{ form.description }}
                </div>
                <div class="mb-3 col-lg-4">
                  {{ form.scan_doc }}
                </div>
                <div class="mb-3 col-lg-2">
                  <button id="minus" type="button" class="btn btn-success remove-form-row">Удалить</button>
                </div>
              </div>
              <div class="input-group-append">
                <button id="plus" type="button" class="btn btn-success add-form-row">Добавить</button>
              </div>

Ответы (0 шт):