javascript Prompts

Accordion/Collapsible Section Cursor Prompt

Generate the HTML, CSS, and JavaScript for an accessible accordion component where clicking a header expands/collapses its associated content panel, with smooth transitions and ARIA attributes.

Cursor Prompt: Multi-File Feature Implementation

Implement a new feature across these existing JavaScript files. The feature involves [brief description of the feature]. You'll need to modify the provided main.js to [specific action in main.js], api.js to [specific action in api.js], and utils.js to [specific action in utils.js]. Ensure the new code integrates seamlessly with the existing structure, adheres to best practices (e.g., asynchronous operations, error handling, modularity), and includes appropriate comments. Provide the updated content for each file.

User will paste content from multiple files into the chat, separated by clear markers like --- api.js ---, --- main.js ---, etc.

// --- main.js ---
// [User pastes main.js content]

// --- api.js ---
// [User pastes api.js content]

// --- utils.js ---
// [User pastes utils.js content]

Draggable/Resizable Element Cursor Prompt

How do I implement a draggable and resizable div with JavaScript, ensuring it stays within its parent container and updates its position/size in real-time?

Javascript Refactor Cursor Prompt

Refactor this JavaScript function to use async/await.