My Django dont recognize JS codes

When I run the HTML code without django, runs normally, but when i put in django template, the JS dont work. how do i fix this?




  <link href="//" rel="stylesheet" id="bootstrap-css">
  {% load static %}
  <script src="//"></script>
  <script src="//"></script>
  <script src=""></script>

  <link rel="stylesheet" href="style.css">
<nav class="navbar navbar-expand navbar-dark background-color #070981" style="background-color: #070981;"> <a
    href="#menu-toggle" id="menu-toggle" class="navbar-brand"><span class="navbar-toggler-icon"></span></a> <button
    class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample02"
    aria-controls="navbarsExample02" aria-expanded="false" aria-label="Toggle navigation"> <span
      class="navbar-toggler-icon"></span> </button>
  <div class="collapse navbar-collapse" id="navbarsExample02">
    <ul class="navbar-nav mr-auto">
      <h1 class="nav-titulo" href="#" style="padding-left: 1px; color: #fff;">Esportivo Regional</h1>
      <li class="nav-item active"> <a class="nav-link" href="#"> <img
            src="C:\Users\marco\OneDrive\Documentos\Python\Django\Jornal\jornal\templates\logo.png" alt=""><span
            class="sr-only">(current)</span></a> </li>
    <form class="form-inline my-2 my-md-0"> </form>
<div id="wrapper" class="toggled">
  <!-- Sidebar -->
  <div id="sidebar-wrapper">
    <ul class="sidebar-nav">
      <li class="sidebar-brand"> Esportivo Regional </li>
      <li> <a href="#">Inicio</a> </li>
      <li> <a href="#">Login</a> </li>

  </div> <!-- /#sidebar-wrapper -->
  <!-- Page Content -->
  <div id="page-content-wrapper">
    <div class="container-fluid">
  </div> <!-- /#page-content-wrapper -->
</div> <!-- /#wrapper -->
<!-- Bootstrap core JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script> <!-- Menu Toggle Script -->
  $(function () {
    $("#menu-toggle").click(function (e) {

    $(window).resize(function (e) {
      if ($(window).width() <= 768) {
      } else {




[20/Oct/2021 13:26:05] "GET /auth/login/ HTTP/1.1" 200 2426
Not Found: /auth/login/style.css
[20/Oct/2021 13:26:05] "GET /auth/login/style.css HTTP/1.1" 404 2740
Not Found: /auth/login/js/jquery.min.js
Not Found: /auth/login/js/bootstrap.bundle.min.js
[20/Oct/2021 13:26:05] "GET /auth/login/js/jquery.min.js HTTP/1.1" 404 2761
[20/Oct/2021 13:26:05] "GET /auth/login/js/bootstrap.bundle.min.js HTTP/1.1" 404 2791 static config

# Static files (CSS, JavaScript, Images)

STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'templates/static'),)
STATIC_ROOT = 'static'

MEDIA_ROOT = os.path.join(BASE_DIR,'media')
MEDIA_URL = '/media/'

Hi oScanner,

It looks like you skipped step 3 of configuring static files. You need to use the {% static ... %} template tag. Give the docs another read and let us know if you still have questions.