Почему мой javascript не работает с django

Я новичок в django. У меня нет проблем с back-end, но у моего front-end есть некоторые проблемы с javascript (в частности, addEventListener не работает). Я пробовал все, от добавления внешних js до добавления внутренних js, но ничего не помогает. Но js соединяется с django и загружается, но функция не работает, и в консоль не выводится ошибка

Это просто функция click, которая должна переключать имя класса в html при нажатии. Кстати, я наследую свой файл nav. Надеюсь, это не вызовет проблем.

Мой внутренний js файл:

    <script type="text/javascript">

    // EVENT LISTENER FOR NAV FUNCTION
    let nav_btn = document.querySelector('.user-pr')
    nav_btn.addEventListener('click', navfunc)
    function navfunc() {
        nav_btn.classList.toggle('active')
        console.log("click")
    }
    
</script>

Мой файл Settings.py (статическая конфигурация):

STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),]
STATIC_ROOT = os.path.join(BASE_DIR, 'Assets')
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

Я проверил StackOverflow на предмет похожих вопросов, но ничего не соответствует моему сценарию.

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