Cannot find JavaScript script file from HTML file script

Question

In the following Image of code, I am trying to reference the javascript file "doggies.js" that is currently in the basket folder. This happens on the click of a button on my website, but every time it says it cannot find the file. I have tried ../doggies.js as well but this does not work, is there any reason as to why this might be happening?

<script type="text/javascript">
  $(document).on('click', '.checkout-button', function () {
    var script = document.createElement("script");
      script.type = "text/javascript";
      script.src = "doggies.js"; 
      document.getElementsByTagName("head")[0].appendChild(script);
      return false;
    console.log("yo")
  })
</script>

Here is the error

Not Found: /basket/doggies.js
[13/May/2021 18:50:22] "GET /basket/doggies.js HTTP/1.1" 404 3322

Are you using Django framework?

pullidea-dev
– pullidea-dev

2021-05-13 19:00:58 +00:00
Commented May 13, 2021 at 19:00 — pullidea-dev
– pullidea-dev, Commented May 13, 2021 at 19:00
@Sophie yes I am using Django, does that affect things?

alborzdev
– alborzdev

2021-05-13 19:04:27 +00:00
Commented May 13, 2021 at 19:04 — alborzdev
– alborzdev, Commented May 13, 2021 at 19:04
how do you import the file? share please

Sırrı Kırımlıoğlu
– Sırrı Kırımlıoğlu

2021-05-13 19:09:58 +00:00
Commented May 13, 2021 at 19:09 — Sırrı Kırımlıoğlu
– Sırrı Kırımlıoğlu, Commented May 13, 2021 at 19:09

pullidea-dev · Accepted Answer · 2021-05-13 19:10:59Z

1

Create static folder in your root directory add this line to settings.py

STATIC_URL = '/static/'

And load STATIC in your html file and use static to load the javascript files.

{% load static %}


{% static 'js/doggies.js' %}

answered May 13, 2021 at 19:10

pullidea-dev

1,7981 gold badge9 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

pullidea-dev Over a year ago

Can you check my answer then? 😊

pullidea-dev Over a year ago

Thanks. Let`s keep in touch.

Collectives™ on Stack Overflow

Cannot find JavaScript script file from HTML file script

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related