W3Schools Tryit Editor

template.html

views.py

myglobal.js

myfirst.js

{% load static %}
<!DOCTYPE html>
<html>
<script src="{% static 'myglobal.js' %}"></script>
<script src="{% static 'myfirst.js' %}"></script>
<body>

<button onclick="myMessage()">Click me! (mystaticfiles folder)</button>
<button onclick="myMessage()">Click me! (static folder)</button>

<p>In myglobal.js and myfirst.js you can see what the scripts look like.</p>

</body>
</html>

from django.http import HttpResponse
from django.template import loader

def testing(request):
  template = loader.get_template('template.html')
  context = {
    'fruits': ['Apple', 'Banana', 'Cherry'],   
  }
  return HttpResponse(template.render(context, request))

function myMessage() {
  alert("A message from a global file!");
}

function myFunction() {
  alert("Hello from a static file!");
}