我正在尝试创建形状和背景以随机更改颜色。到目前为止,我已经能够为圆形和主体获得随机的颜色,但是它们必须是相同的颜色。我尝试将randomHsla函数分配给变量randColor,但是某些原因导致圆和主体的背景色都变为白色。我该如何解决?
var myCircle = document.querySelector("#circle");
myCircle.style.backgroundColor = randomHsla();
var myBody = document.querySelector("body");
myBody.style.backgroundColor = randomHsla();
function randomHsla() {
return "hsla(" + (Math.floor(Math.random() * 361) + ", 50%, 40%, 1)");
}
答案 0 :(得分:0)
尝试
var myCircle = document.querySelector("#circle");
var myBody = document.querySelector("body");
myCircle.style.backgroundColor = myBody.style.backgroundColor = randomHsla();
通过这种方式randomHsla
被调用一次,而不是两次