Файл JavaScript не работает в шаблоне django

Я пытаюсь подключить страницу javascript к шаблону HTML. Я перепробовал много способов, но ничего не показывает. Ошибок нет, но Js файл не отвечает.

Файл index.html имеет вид:

    {% extends "network/layout.html" %}
{% load static %}

{% block body %}
    <!-- <form action="" method="">
        
        <input type="text" name="post" id="post-body">
        <input type="submit" name="" id="postbtn" value="Post">
    </form> -->

    <input type="submit" name="btn" id="btn" value="check">
{% endblock %}

{% block script %}
    <script src="{% static 'network/post.js' %}" type="text/javascript"></script>
{% endblock %}

файл post.js имеет следующий вид:

    document.addEventListener('DOMContentLoaded', function(){
    document.querySelector('#btn').onclick = function(){
        document.querySelector('#heading').innerHTML = 'hello';
    };
})

alert("Hello, Welcome to Javatpoint");  

the settings.py :

    # Internationalization
# https://docs.djangoproject.com/en/3.0/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/

STATIC_URL = '/static/'

и файл urls.py:

    from django.urls import path
from .views import *
from . import views



urlpatterns = [
    path("", views.index, name="index"),
    path("login", views.login_view, name="login"),
    path("logout", views.logout_view, name="logout"),
    path("register", views.register, name="register"),

    path('posts', compose_post, name='post' )
]

Пожалуйста, помогите мне с этим. Я буду очень благодарен вам.

{% block script %}
{% endblock script %}