## Activity 1: Basic Event Handling

**Task 1:**  
  Add a click event listener to a button that changes the text content of a paragraph.

**Task 2:**  
  Add a double-click event listener to an image that toggles its visibility.

## Activity 2: Mouse Events

**Task 3:**  
  Add a mouseover event listener to an element that changes its background color.

**Task 4:**  
  Add a mouseout event listener to an element that resets its background color.

## Activity 3: Keyboard Events

**Task 5:**  
  Add a keydown event listener to an input field that logs the key pressed to the console.

**Task 6:**  
  Add a keyup event listener to an input field that displays the current value in a paragraph.

## Activity 4: Form Events

**Task 7:**  
  Add a submit event listener to a form that prevents the default submission and logs the form data to the console.

**Task 8:**  
  Add a change event listener to a select dropdown that displays the selected value in a paragraph.

## Activity 5: Event Delegation

**Task 9:**  
  Add a click event listener to a list that logs the text content of the clicked list item using event delegation.

**Task 10:**  
  Add an event listener to a parent element that listens for events from dynamically added child elements.

## Feature Requests

**Feature Request 1:**  
- Click Event Script: Write a script that adds a click event listener to a button to change the text content of a paragraph.

**Feature Request 2:**  
- Mouse Events Script: Create a script that handles mouseover and mouseout events to change the background color of an element.

**Feature Request 3:**  
- Keyboard Events Script: Write a script that logs key presses and displays input field values using keydown and keyup event listeners.

**Feature Request 4:**  
- Form Events Script: Create a script that handles form submission and change events on a select dropdown.

**Feature Request 5:**  
- Event Delegation Script: Write a script that demonstrates event delegation by handling events on dynamically added child elements.
