title: Javascript not showing up on template in django
body: <p>I do not understand why my javascript files are not being applied on my templates. Here is my base.html:</p>
  <pre><code>&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;title&gt;Project&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot;  href=&quot;{% static 'css/styles.css' %}&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;{% static 'css/style.css' %}&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;{% static 'assets/css/main.css' %}&quot;&gt;
      
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          {% include &quot;navbar.html&quot; %}
          {% block content %}  
          {% endblock content %}
      &lt;/div&gt;
      {% include &quot;scripts.html&quot; %}
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Here is my scripts.html:</p>
  <pre><code>{% load static %}
  
  &lt;script src=&quot;{% static 'js/main.js' %}&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;{% static 'assets/js/jquery.min.js' %}&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;{% static 'assets/js/jquery.dropotron.min.js' %}&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;{% static 'assets/js/browser.min.js' %}&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;{% static 'assets/js/breakpoints.min.js' %}&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;{% static 'assets/js/util.js' %}&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;{% static 'assets/js/main.js' %}&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>However, they don't seem to affect the template. For example, the dropdown menu is in a weird format if I run the server. Another weird thing happening is that <code>Main.js</code> keeps being printed on the console. I believe this was initially because of the main.js file which had:</p>
  <pre><code>console.log(&quot;Main.js&quot;);
  </code></pre>
  <p>However, even though I change it to the following:</p>
  <pre><code>console.log(&quot;Something new for the console&quot;);
  </code></pre>
  <p>I still get <code>Main.js</code> printed out on the console. Moreover, if I put <code>console.log(&quot;something&quot;)</code> for my other javascript files referenced above, they don't get printed out on the console. I have no idea why this is happneing. Thanks, and please ask any questions.</p>