ok, so my dilemma is I am creating a small page that let’s users drag answer blocks and place them to what they believe is the correct spot for the answer.
If the answer is correct for that location, the answer block’s position stays in that location. If it is not the correct answer, the answer block returns to it’s starting position.
I am still new to javascript, and have had no luck in getting the block to drag or to stay in an absolute position when hovered over a specific area.
I’m sure there are multiple methods to achieve the functionality I need, but I’m unsure which is the best way (since I’ve tried multiple tutorials that did not quite meet my needs).
Here is my demo page. Any help would be greatly appreciated!
P.S. I numerated one answer block and one gapped aread to put the answer to make the demonstrating a potential solution easier. Once I figure out the JS behind getting it to work, I can take care of the tedium of replicating it for all the answers.
