Prompt
Create in html, css, and javascript a self-contained, complete, and embeddable frog dissection simulation. Allow the user to select from the following tools to perform the dissection: A frog dissection requires a standard dissection kit (scalpel, scissors, forceps, probe/needle), a dissection tray with a padding/wax layer, T-pins, and personal safety gear. Provide a prepared image of a frog and allow the user to cut the frog open using the scalpel and scissors, use the t-pins to affix the skin to the tray and provide labels for the organs as in these linked diagrams: https://commons.wikimedia.org/wiki/File:Screenshot_20210421-155139_Gallery.jpg and https://www.facebook.com/ceressoft/posts/anatomy-of-the-frog-chart-by-exploringnaturehttpszoologyceressoftnet/1140157251446764/ Realism is essential. Allow the user to use the scalpel and scissors to remove all the major organs and set them on the tray for more thorough examination. Keep the labels with the organs as they are moved ot the tray. Also, add a reset button to put the frog back together.
Iteration
Review the code for errors and realism.
Iteration 2
Pinning the skin flaps with the t pins is not working. Check the code
Iteration 3
The skin flap targets flicker when placing the pins. Fix that code. Label the organs as they are removed and placed on the tray. Can you make the frog image more realistic?