Step 1: File Structure & Script Loading

1. File Structure & Script Loading

Structure your local workspace files and link your scripting engine safely.

Detailed Implementation Steps:

Initialize your workspace directory and create your core files: index.html, styles.css, and app.js. Link your stylesheet inside the HTML header tags.

Link your app.js script using a script tag with a defer attribute, or set its type to module. This ensures the browser parses the DOM structure completely before executing scripts. Add a test log statement to your JS file and verify it runs.

Verification Checklist:

1. Confirm console.log('Script active') runs in your browser console on startup.