I'm working on a project in which users need to drag and drop a few element onto the correct drop zones. After dropping each element into the right zone, a green tick should appear next to the zone. If the element was dropped onto an incorrect zone, then a red cross should appear next to the zone. Finally, It would be nice to have the reset button which resents everything. I have no idea how to start and I expect I will have to use some advanced JS here. Any help will be extremely appreciated. Have a look at the example.
Drag&Drop.hype.zip (1.1 MB)