How can I set a specific background to a random quote?

So, I have my quotes in one array, and I have my background images in another. My background images are in the order of which quote it belongs to. I am wondering how can I make it to when a certain quote shows up randomly, then the background image for that quote shows too? Please and thank you! This is all in my Javascript file by the way.

This is what my JavaScript looks like (my quotes and background images are above this):

function newQuote(){
	
var randomNumber = Math.floor(Math.random() * (quotes.length));
	document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber];
}
newQuote();

$("#button").on("click",function(){
	
newQuote();
 
});

Try this:

    function newQuote(){
       var quotes = ["quote1","quote2","quote3"];
       var bg_image_url = ["image1.com","image2.com","image3.com"];

   var randomNumber = Math.floor(Math.random() * (quotes.length));
        document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber];
            document.body.style.backgroundImage  =  "url('"+bg_image_url[randomNumber]+"')";
    }
    newQuote();

    $("#button").on("click",function(){

    newQuote();

    });

You can try something like below.

function newQuote(){

var randomNumber = Math.floor(Math.random() * (quotes.length));
    document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber];
    var color= color[randomNumber];
    document.getElementById('quoteDisplay').style.backgroundColor = color;
}
newQuote();

$("#button").on("click",function(){

newQuote();

});