从一个对象中选择颜色，然后单击另一个对象并更改其背景颜色

Question

Im making a game but I'm currently stuck on a problem that I've been trying to solve for a while now. I need to select a circle which is blue and then click on a clear circle and that clear circle needs to then change its attribute background to the blue but only when i click on the clear circle.

Answer 1

supposing the first circle has id "circle-1" and the second "circle-2", and supposing you specify the color of your elements using the css property "background-color", you can do the following:

document.querySelector('#circle-2').style.backgroundColor = window.getComputedStyle(document.querySelector('#circle-1')).getPropertyValue('background-color');

Of course you have to bind this code on click of the circle and adapt it using $(this) to select the current color in order to make it dynamic