taking image from the same folder as script.js but image does not load up

Question

Taking image from the same folder the index and javaScript files are in, but for some reason it does not load. And the error it gives me is,

"Failed to load resource: the server responded with a status of 404 (Not Found)"

var img = dcoument.createElement("IMG");
img.height = 500;
img.width = 340;
img.src = '/img.jpg';

document.getElementById("addImgHere").appendChild(img);

Try img.src = './img.jpg'; or img.src = 'img.jpg';

user2417483
– user2417483

2019-06-03 04:56:28 +00:00
Commented Jun 3, 2019 at 4:56 — user2417483
– user2417483, Commented Jun 3, 2019 at 4:56

Abhishek Anshu · Accepted Answer · 2019-06-03 05:25:01Z

3

Your code works just fine.

You have two issues in your code:

You have given image path as '/img.jpg'. It should be './img.jpg'
You have spelled document wrong in line 1.

Incorrect:

var img = dcoument.createElement("IMG");

Correct:

var img = document.createElement("IMG");

edited Jun 3, 2019 at 5:25

answered Jun 3, 2019 at 5:16

Abhishek Anshu

461 silver badge3 bronze badges

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

2 Comments

The Selected One Over a year ago

it's weird because before it worked without the dot in the image path but now the dot helped indeed and i only spelled document wrong here, sorry about that and thank you for your help :D

Abhishek Anshu Over a year ago

It is alright! './' is used for Relative Path and '/' is used for Absolute Path. You can google and read more about that. if you indeed want to use '/' , you would have to give the full path to the file from the root directory whereas you would use './' to give relative path to the file from the current working directory. But it is recommended to use Relative Path as it will work in all the environment wherever you deploy your site whether it's any server or localhost.

Collectives™ on Stack Overflow

taking image from the same folder as script.js but image does not load up

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