How can I change background with oninput ?

Question

I want to change background image url in css <style> tag with oninput js function. Can I do? How?

Answer 1

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

Answer 2

Hi ℋℜҜ

document.body.style.backgroundImage = “url(value);
For the image.
Getting a link from the user to the image will be the easiest way to do that without having to put it on a webserver

Answer 3

Ollie Q , thanx very much for being with me whenever I got confused.
https://code.sololearn.com/WACjk85D721p/?ref=app

Answer 4

Tharul Nejana , Thanx for answering but, this is animation, I want bg image change with oninput.

Answer 5

Ollie Q , document.body.style.backgroundImage= url(file:///storage/emulated/0/Download/images%20(14).jpeg);
It is showing error "missing ) after argument list"

Answer 6

Ok, so i think you’ve got a link issue which is causing the problem

Answer 7

Ollie Q , I am not editing in sololearn. In other app, it is showing when I type the link in src.

Answer 8

Ok, then try wrapping the url in ‘’ like i am in this code. That might be causing the issue. Example:
“url(‘VALUE’)”
https://code.sololearn.com/WH9kwX1cDbKb/?ref=app

Answer 9

No problem, happy coding!