CR_MS_Assessment1

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

2. 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?

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

4.

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

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

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

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

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

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

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?

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

13. What will be the output?

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

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

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

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

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

18. What will be the output?

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

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

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

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

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?

23. What will be the output?

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

console.log("B");

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

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

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?

27.

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

29. What is the output?

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

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