Any of those help I now contain a list that contains several li and each li contain a circle I would like a way to efficiently and not hardcode a way to change the class of each circle that was not clicked to disabled and for the circle that was clicked to active. , Probably you don't need to set 'disabled' (as in sippet below).
it should still fix some issue You're not clearing the Canvas every frame, which is required by lockCanvas(). You're seeing things "move" because the surface is double- or triple-buffered, so you're seeing the previous contents of alternate buffers. There's no mechanism that would cause drawn pixels to swap X/Y coordinates. Make a series of touches in a horizontal line, left to right, and you should see alternating circles light up on each touch.
P5js. Sliding matrix of circles, can't generate or fill new row of circles in 2D array