返回随机数组的值

Question

所以我正在HTML中尝试一个简单的函数，它将把样式从数组中更改为随机颜色。我已经成功地对它进行了随机化，但它只返回索引值，而不返回索引字符串值。控制台认为我想要3而不是"radial-gradient(#8FA19E, #0A917B)"。如何将其更改为正确的值？

const colorBtn = document.querySelector("button")    
function changeColor(){    
let colors = [
"radial-gradient(#DE0404, #EBDFDF)",
"radial-gradient(#CDD663, #050504)",
"linear-gradient(#B4C2B2, #092B04)",
"radial-gradient(#8FA19E, #0A917B)",
"linear-gradient(#161617, #2A07DB)",
"radial-gradient(#524D51, #FF00CC)",
]
const randomColor = Math.floor(Math.random() * colors.length)
document.querySelector("body").style.background = `${randomColor}`
console.log(`${randomColor}`)
}
colorBtn.addEventListener('click', changeColor)    

Answer 1

const randomColor = Math.floor(Math.random() * colors.length)
document.querySelector("body").style.background = `${colors[randomColor]}`