Используя 2 разных цвета фона тела

Question

Как лучше всего использовать 2 разных цвета фона?

Код: 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";
}