CR_MS_Assessment1

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

2. What will be the output?

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

console.log("B");

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

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

5. What is the output?

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

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

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

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

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

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

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

12.

13. What will be the output?

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

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

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

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?

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

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

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

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

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?

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

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

24.

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

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

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

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

29. What will be the output?

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

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?