如何用javascript更改数组中的背景色

Question

如何用javascript更改数组中的背景色。

设back_color =“#FFEEDE”、“#EAFFE2 2”、“#FFEEDE”、“#EAFFE2 2”；

设I= 0；

$(“#prev”).click(函数() {

 i = i < back_color.length ? --i : 0;

 $('.back-color').css("background", "" + back_color[i] + "" );

})；

$(“#next”).click(函数() {

 i = i < back_color.length ? ++i : 0;

 $('.back-color').css("background", "" + back_color[i] + ""  );

})；

html ==>

变色

Answer 1

下面的代码将更改数组中元素的值-

back_color.forEach((element, index) => {
  back_color[index] = 'your new value should go here';
});

Answer 2

这就是你要找的吗？

​

const back_color = ['#FFEEDE', '#EAFFE2', '#FFEEDE', '#EAFFE2', '#FFEEDE', '#EAFFE2', '#FFEEDE', '#EAFFE2', '#FFEEDE', '#EAFFE2'];

function backColor(){
  const random = Math.floor(Math.random() * back_color.length);
  document.body.style.backgroundColor = back_color[random];
}

<button onclick="backColor()">Change background color</button>

​

来源(Getting a random value from a JavaScript array)和(https://bobbyhadz.com/blog/javascript-change-background-color-on-click)