W3Schools Tryit Editor

template.html

views.py

myfirst.js

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

<button onclick="myFunction()">Click me!</button>

<p>In myfirst.js you can see the myFunction function.</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 myFunction() {
  alert("Hello from a static file!");
}