javascript - 我想在 JavaScript 中使用 rgb 生成随机颜色，但它不起作用

Question

这是我的代码

document.querySelector(".btn").addEventListener("click", colorChange)
function colorChange() {
  var arr = []
  for (let i = 0;i<3;i++) {
    var random = Math.floor(Math.random() * 255)
    arr.push(random)
  }
  document.querySelector("body").style.backgroundColor = "rgb(arr[0], arr[1], arr[2])"
}

首先，我使用类“btn”向按钮添加了一个事件监听器，然后我声明了一个函数并在其中声明了一个名为“arr”的空数组，然后我使用了一个 for 循环并声明了一个名为 random 的变量来生成三个随机数将它们推送到空数组

标签： javascript

Answer 1

  document.querySelector("body").style.backgroundColor = "rgb(arr[0], arr[1], arr[2])"

目前，您正在传递静态字符串值rgb(arr[0], arr[1], arr[2])。

解决方案：

  document.querySelector("body").style.backgroundColor = `rgb(${arr[0]}, ${arr[1]}, ${arr[2]})`