CR_MS_Assessment1

1. A webpage becomes slow because multiple click events are attached repeatedly inside another event. What is the likely issue?

A developer fetches user data from an API using fetch(). Sometimes the API takes time to respond, and the UI freezes while waiting.
Which approach is best to handle this situation efficiently?

3. Which media query is best suited for targeting mobile devices?

4. Which operator checks both value and data type in JavaScript?

5. A developer wants to update the text of a paragraph dynamically after a button click. Which combination is required?

6. A card component should smoothly enlarge slightly when hovered by the user. Which CSS property combination is most appropriate?

7. Your team notices that search engines are unable to understand the structure of your webpage properly. Which practice would improve this the most?

8. What will be the output?

setTimeout(() => {
console.log("A");
}, 0);

console.log("B");

9. Which HTML tag is best suited for displaying tabular data with column headings?

10. Which position value keeps an element fixed relative to the browser viewport even during scrolling?

11. A sidebar should remain visible after the user scrolls past it, but behave normally before reaching that point. Which CSS position value is most suitable?

12. Which CSS unit is generally preferred for scalable and accessible typography?

13. Which Flexbox property controls whether items move to the next row when space is insufficient?

A developer updates the DOM inside a loop thousands of times, causing performance issues in the browser.
Which approach would improve performance?

15. What is the output?

const user = {
name: "Anu"
};
const { name } = user;
console.log(name);

16. Which CSS Grid property is used to define the number and size of columns?

17.

A search API is being called on every keypress in an input field, causing too many API requests.
Which technique is most suitable to optimize this?

19. In the CSS Box Model, which property adds space inside the border?

20. Which attribute improves accessibility by associating a label with an input field?

21. What will be the output?

const numbers = [1, 2, 3, 4];
const result = numbers.map(num => num * 2);
console.log(result);

22. In Flexbox, which property aligns items vertically when flex-direction: row?

23. What will happen if an element has z-index: 9999 but no positioning applied?

24.

25. What will be the output?

let x = 5;
let y = "5";
console.log(x == y);
console.log(x === y);

26. Which semantic tag is most appropriate for a standalone blog post on a webpage?

27. Which additional attribute is required with autoplay for video in modern browsers?

A form reloads the page automatically when the submit button is clicked, but the developer wants to validate data using JavaScript before submission.
Which method should be used?

29. Which method is used to add an event listener in modern JavaScript?

30. Which VS Code extension is commonly used to automatically refresh the browser during front-end development?