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

Question

我应该如何使用输入用户更改HTML背景图像，输入是URL链接。

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

我尝试过类似的操作，但不起作用。

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

Answer 1

这是因为您没有使用“值”的值。您需要在字符串之间连接变量。

尝试一下：

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

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