Este es un pequeño script que aleatoriza qué imagen debe mostrar. Puedo establecer fácilmente esto en un <img> usando document.getElementById("pic").src = randPics[randNumGen] , pero la etiqueta de background requiere que use url() . ¿Cómo puedo establecer document.body.style.background en "url (y la imagen aleatoria aquí)"? Por favor, no hay bibliotecas 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>var url = randPics[randNumGen]; document.body.style.backgroundImage = "url('"+ url + "')";