Module 4: Practice Questions

Bhai, ye questions aise diye gaye hain ki student khud solve kare aur concepts ko practice kare.

Practice Questions

1. Variables & Data Types

• Declare a variable username and assign your name to it.

• Create a variable age and store your age.

• Print both values in the console.

2. Functions & Scope

• Write a function greetUser that takes a name as input and prints "Hello, <name>!".

• Create a local variable inside the function and try to access it outside. What happens?

3. Arrays & Objects

• Create an array fruits with 5 fruits. Add a new fruit at the end and remove the first one.

• Create an object student with keys: name, age, grade. Change the grade property.

4. Conditional Statements & Loops

• Write a program to check if a number is even or odd.

• Create a loop that prints numbers from 1 to 20.

• Write a for…of loop to print all items of an array of your choice.

5. DOM Basics

• Select an element with id heading and change its text content to "Welcome!".

• Select all paragraphs and log their text content to the console.

6. Selecting & Manipulating Elements

• Change the background color of a div with class box to green.

• Add a new paragraph dynamically inside a container div.

7. Event Handling

• Create a button. On click, change the button text to "Clicked!".

• Add an input field. Show the typed text below the input in real time.

8. Form Validation

• Create a form with username and email fields. Validate that fields are not empty.

• Validate that the email is in correct format using regex.

9. ES6 Features

• Write an arrow function that takes two numbers and returns their sum.

• Use template literals to print your name and age in a single string.

• Use destructuring to extract values from an array [10, 20, 30].

10. LocalStorage & SessionStorage

• Store your name in LocalStorage and retrieve it.

• Store your session start time in SessionStorage and display it.

11. JSON

• Create a JSON object with your name, age, and hobbies.

• Convert it to string using JSON.stringify() and then parse it back to object using JSON.parse().

✅ Summary:

• Module 4 practice focuses on JavaScript fundamentals, DOM, events, ES6 features, and storage.

• Students should write code, run it in browser, and understand outputs.