# Introduction In this Lab, Alex's journey through the development of the personal finance tracker enters an advanced stage, focusing on enhancing the application's interactivity through sophisticated event handling techniques. The scene is set in a brainstorming session at the tech startup, where Alex proposes adding a drag-and-drop feature to reorder financial records. This ambitious goal aims to provide users with an intuitive way to organize their records, reflecting the fluid nature of personal finance management. Achieving this requires Alex to explore advanced DOM events and manipulate elements in a way that's both visually appealing and user-friendly. In this Lab, you'll dive deep into advanced event handling in JavaScript, learning how to implement drag-and-drop functionality to reorder items dynamically in a list. This skill is invaluable for creating modern, interactive web applications that prioritize user experience. **Knowledge Points**: - Drag and Drop API (`dragstart`, `dragover`, `drop`)
Click the virtual machine below to start practicing