如何使用 JavaScript 从用户输入 (URL) 更改背景图像

Question

How I'm supposed to change the HTML background image using the input user, the input is URL Link.

    <input type="text" id="value">
    <button onclick="fun()">Change</button>

I tried something like this but it does not work.

function fun (){
      var value = document.getElementById("value").value;
      document.body.style.background = 'url(value)';
    }

Answer 1

Its because you are not using the value of "value". You need to concat the variable between the string.

Try this:

<input type="text" id="value">
<button onclick="fun()">Change</button>

function fun(){
      var value = document.getElementById("value").value;
      document.body.style.background = "url("+ value + ")";;
}