Hi everyone,
I am brand new to coding in HTML, CSS, and JS.
I have been trying to search for examples that are similar to a project I would like to create. My project uses drag and drop functionality to place randomized text from a list on a location of an image.
A good example is if you had a picture of a skeleton and random bone names to drag to where they belong on the skeleton. If the placement is correct, the name will stay in it's location, but if it's incorrect, it goes back to the randomized list. Once everything is in the correct location, a message pops up and a retry button appears as well.
There are some similar drag and drop matching games and tutorials that I have tinkered with over the last couple of weeks, but I have not seen anything that allows an item or text to be dropped on top of an image with specific drop locations like I have. Everything this seems to be linear or gridded.
Is this possible with HTML, CSS, and JS or do I need to find another way of creating my project. The end result must be completely standalone and run in a web browser, which is why I thought this would be the best method.
Thanks in advance.
I am brand new to coding in HTML, CSS, and JS.
I have been trying to search for examples that are similar to a project I would like to create. My project uses drag and drop functionality to place randomized text from a list on a location of an image.
A good example is if you had a picture of a skeleton and random bone names to drag to where they belong on the skeleton. If the placement is correct, the name will stay in it's location, but if it's incorrect, it goes back to the randomized list. Once everything is in the correct location, a message pops up and a retry button appears as well.
There are some similar drag and drop matching games and tutorials that I have tinkered with over the last couple of weeks, but I have not seen anything that allows an item or text to be dropped on top of an image with specific drop locations like I have. Everything this seems to be linear or gridded.
Is this possible with HTML, CSS, and JS or do I need to find another way of creating my project. The end result must be completely standalone and run in a web browser, which is why I thought this would be the best method.
Thanks in advance.
Last edited by a moderator: