✓ Two crowns ✓ Same mass, different density ✓ Vertical slider ✓ Slider works ✓ Slider controls crowns — Slider direction correct ✓ Full slider range — Fall animation ✓ Water displacement ✓ Rising water level ✓ Splash effects ✓ Physics correct — Live mass value ✓ Live volume value — Live density value ✓ Live displaced water ✓ Gilded displaces more ✓ Heureka animation ✓ No external deps ✓ Light bg / dark text ✓ Self-contained HTML
Slider direction is inverted (label says top=Luft/air but slider value=0 at top maps crownTop to min position above tank, yet the HTML labels and orient suggest the browser may render it bottom-up depending on platform, and the code maps val=0→crown in air, val=100→crown submerged, which contradicts the on-screen label "Luft ▲ / Wasser ▼" implying top of physical slider = air); mass and density are static (not live-updating), no true fall animation (crowns teleport with slider), and the slider_direction_correct label ordering is visually inverted relative to standard vertical range rendering.
Slider direction is inverted (label says top=Luft/air but slider value=0 at top maps crownTop to min position above tank, yet the HTML labels and orient suggest the browser may render it bottom-up depending on platform, and the code maps val=0→crown in air, val=100→crown submerged, which contradicts the on-screen label "Luft ▲ / Wasser ▼" implying top of physical slider = air); mass and density are static (not live-updating), no true fall animation (crowns teleport with slider), and the slider_direction_correct label ordering is visually inverted relative to standard vertical range rendering.