Question about changing the SVG path element by clicking it (Simon)

So I made a Simon UI using SVG paths. Here’s the link to the codepen so far: https://codepen.io/glennqhurd/pen/EQqxKe

My problem is I’m trying to figure out how to make it so that when you click the path it changes color. The paths that are supposed to do this are arc1, arc2, arc3, and arc4. I tried using jQuery but from what I’m trying and looking up online it doesn’t work that way. Any suggestions are welcome, I have not tried doing Javascript document.getElementById yet.

I forgot the #. Thanks!

1 Like