CR_MS_Assessment1

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

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

4. What will be the output?

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

5. What will be the output?

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

console.log("B");

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

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

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

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

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

11.

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

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?

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

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?

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

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

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

19. What will be the output?

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

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

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

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

23.

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

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

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

27. What is the output?

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

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?

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

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