I am trying to change the whole 3 circles with one button press. Any clue how? Why only one circle that changes color?
The reason is the ID (unique identifier):
<div id="circle1"></div>
<div id="circle1"></div>
<div id="circle1"></div>
which must be unique in the page, you have three of them.