将数组结果添加到字符串

Question

这是一个小脚本，用于随机显示图片。我可以使用 document.getElementById("pic").src = randPics[randNumGen] 轻松地将其设置为 <img>，但是 background 标签要求我使用 url()。如何将 document.body.style.background 设置为“url（以及此处的随机图像）”？请不要使用 JS 库。

const randPics = ["https://i.ibb.co/6JBbMYm/pic1.jpg", "https://i.ibb.co/rHjTdfc/pic2.jpg"];

window.onload = choosePicture();

function choosePicture() {
  let randNumGen = Math.floor(Math.random() * randPics.length);
  console.log(randNumGen);
  document.body.style.background = "randPics[randNumGen]";
}

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="styles.css">
  <script async src="index.js" type="text/javascript"></script>
</head>

<body>
  <img width="500px" src="#" alt="pic" id="pic">
</body>

</html>

Answer 1

var url = randPics[randNumGen];

document.body.style.backgroundImage = "url('"+ url + "')";

将数组结果添加到字符串

Adding array result to a string

html

javascript

random

math

background