I'm stuck. Background image doesn't load, JS function doesn't work.

Question

Hi! I have a code here in which background image cannot be loaded (that's my fault anyway!). I'm a beginner, so I don't know where I went wrong. However, it worked just fine when I downloaded the image on my pc and run the code there (not on a webpage) with the relative path.
Another thing is, the JS function there isn't working too. What's the problem there?

Thanks for checking btw!
https://code.sololearn.com/W1a10a0A16A8/?ref=app

Answer 1

[JS]
🅰🅹 🅐🅝🅐🅝🅣 oh I see! My bad!
Thanks!

Answer 2

Images

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML

How To Upload your phone images on SoloLearn using phone

https://code.sololearn.com/WT3661NHpV3B/?ref=app

Upload content with Dropbox [Tutorial]

https://code.sololearn.com/WW6t4B73kJVz/?ref=app

How to host/upload an image (IMGBB way)
/by Farhanaz/

https://code.sololearn.com/Wy3lrXNwGsgJ/?ref=app

Upload content with Google drive

https://code.sololearn.com/Wa25A17a19a1/?ref=app

Answer 3

Thanks Yaroslav Vernigora !

Answer 4

Md Shahriar Rahman

Your image file exists locally means in your device. You cannot access it anywhere on Live application or website. So you have to upload it first somewhere like on Dropbox and get link from there and put in your code.

https://code.sololearn.com/WW6t4B73kJVz/?ref=app

Answer 5

🅰🅹 🅐🅝🅐🅝🅣 can I get the link directly from where I got the image on web?

Answer 6

Md Shahriar Rahman

JS is not working because you passed id wrongly. There should be single quotes:

"show('pwd')"

Answer 7

[Background image]
🅰🅹 🅐🅝🅐🅝🅣 , I just changed the url. But nothing changed. Why?😅

Answer 8

Md Shahriar Rahman

Yes you can get the link and use anywhere on Live application.