Day 4: Objects and DOM Manipulation

QUESTION 1:
Create an object with properties like name, age, and city. Write a function to display these properties in the console.

QUESTION 2:
Write a script to add, update, and delete properties of an object dynamically.

QUESTION 3:
Create a webpage with a button. Write JavaScript to change the background color of the page when the button is clicked.

QUESTION 4:
Write a program to count the number of times a button is clicked and display the count in an HTML element.

QUESTION 5:
Write a script to retrieve and display the value of a text input field when a button is clicked.

QUESTION 6:
Create a webpage with a <div> element. Write JavaScript to:

Dynamically create and append five <p> elements inside the <div>.
Style the <p> elements with different background colors.

QUESTION 7:
Write a program that toggles the visibility of an element when a button is clicked. Use DOM manipulation to add and remove the hidden class.

QUESTION 8:
Create a table dynamically using JavaScript. Add rows and columns based on user input.

QUESTION 9:
Build a program where clicking on an image changes its src dynamically.

QUESTION 10:
Create a program where clicking a button:

Changes the background color of the webpage.
Logs the button’s text to the console.

QUESTION 11:
Write a program to add an event listener to multiple elements (e.g., a list of buttons) using querySelectorAll. Log the index of the button clicked.

QUESTION 12:
Build a program where hovering over an element changes its text color and font size. Revert the changes when the mouse leaves the element.

QUESTION 13:
Write a program to implement a debounced search box where the results are logged to the console after the user stops typing for 500ms.