Super 15 batch 1&2 quiz 6

Problem Statement: Default Block-Level Elements

Which of the following HTML elements is a block-level element by default?

• • A) <span>

• • B) <img>

• • C) <div>

• D) <a>

Problem Statement: CSS Box Model

Which of the following properties are included in the CSS box model?

• • A) border, padding, margin

• • B) width, height, padding

• • C) border, content, padding, margin

• • D) content, padding, border, margin

Problem Statement: Inline vs Block Elements

Which of the following statements is true about inline elements?

• • A) Inline elements always occupy the full width of the container.

• • B) Inline elements respect the width and height properties.

• • C) Inline elements can contain block-level elements.

• • D) Inline elements do not start on a new line by default.

Problem Statement: CSS Flexbox

In a flexbox container, which property is used to align items along the main axis?

• • A) align-items

• • B) justify-content

• • C) align-content

• D) flex-direction

Problem Statement: JavaScript Variable Scopes

What will the following code output?

js

var a = 10;

{

    let a = 20;

    console.log(a);

}

console.log(a);

• • A) 20, 10

• • B) 10, 20

• • C) 20, 20

• D) 10, 10

Problem Statement: DOM Manipulation

Which JavaScript method is used to add an HTML element dynamically to the DOM?

• • A) document.append()

• • B) document.add()

• • C) document.createElement()

• • D) document.insertElement()

Problem Statement: Event Bubbling and Capturing

Which event phase is responsible for executing an event in the order it is triggered by the deepest nested element first?

• • A) Event capturing

• • B) Event bubbling

• • C) Event propagation

• • D) Event delegation

Problem Statement: Async JS

What is the correct way to fetch data from an API using async/await?

• • A)

  js

  
  

  const fetchData = async () => {

    const data = await fetch('https://api.example.com');

    return data;

  }

• • B)

  js

  
  

  const fetchData = async () => {

    const response = await fetch('https://api.example.com');

    const data = await response.json();

    return data;

  }

• • C)

  js

  
  

  const fetchData = async () => {

    const data = fetch('https://api.example.com').then(res => res.json());

    return data;

  }

• • D)

  js

  
  

  const fetchData = async () => {

    await fetch('https://api.example.com').then(data => console.log(data));

  }

Problem Statement: CSS Pseudo-classes

Which of the following CSS pseudo-classes is used to style an element when it is being clicked?

• • A) :hover

• • B) :focus

• • C) :active

• D) :visited

Problem Statement: Preventing Default Behavior

What method is used to prevent the default action of an HTML element, such as stopping a form from submitting?

Options:

• • A) preventEvent()

• • B) event.preventDefault()

• • C) event.stopPropagation()

• • D) event.stopDefault()