Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Attach event handlers and use delegation for dynamic content.
Events & Delegation is easiest to learn by reading the example, changing it, and observing the result.
$(function () {
$('.lesson-card').on('click', '.start-btn', function () {
const title = $(this).closest('.lesson-card').find('h2').text();
$('#output').text('Starting ' + title);
});
});Practice the Events & Delegation example in a small scratch file, then explain what changed and why.