使用2种不同的身体背景颜色

Question

做两种不同背景色的最佳方法是什么？

代码： https://playcode.io/test4343?tabs=index.html,preview

第一次查看时是一种颜色，

https://i.imgur.com/gQVK7r8.png

点击圆圈后，如果我想给它改一个颜色，我该怎么做？

https://i.imgur.com/oDe8raQ.png

body {
  background: #353198;
}

Answer 1

您必须在圆上使用onclick函数，然后在该函数中包含以下代码。

document.body.style.backgroundColor = "YOUR_DESIRED_COLOR"; 

Answer 2

您可以使用

document.getElementsByClassName("jacketa").addEventListener("click", myFunction());
function myFunction (){
document.body.style.background="red";
}