HTML and JavaScript Quiz

Which of the following is the correct way to add a comment in HTML?

• <!-- This is a comment-->

• // This is a comment

• /* This is a comment */

• # This is a comment

What is the purpose of the tag in HTML?

• The tag is used to display the main content of the page.

• The tag is for defining the layout of the webpage.

• The tag is used to contain meta-information about the HTML document.

• The tag is used to include images and videos in the document.

Explain the concept of Flexbox in CSS.

• Flexbox is a method for creating animations in CSS.

• Flexbox is a CSS property that only applies to images.

• Flexbox is a CSS layout model that enables responsive design by allowing items in a container to be aligned and distributed efficiently.

• Flexbox is a JavaScript framework for building web applications.

How do you center a div using Flexbox?

• Use 'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'

• Set the parent div's style to 'display: block; margin: auto;'

• Apply 'display: grid; place-items: center;' to the parent div.

• Set the parent div's style to 'display: flex; justify-content: center; align-items: center;'

What is a function in JavaScript?

• A function in JavaScript is a method for creating objects.

• A function in JavaScript is a type of variable.

• A function in JavaScript is a data structure that holds values.

• A function in JavaScript is a reusable block of code that performs a specific task.

How do you declare a function in JavaScript?

• function myFunction() { // code }

• myFunction() => { // code }

• declare function myFunction() { // code }

• function:myFunction() { // code }

What is the DOM in JavaScript?

• The DOM is a type of database used in JavaScript.

• The DOM is a framework for building mobile applications.

• The DOM is a programming language for web development.

• The DOM is a representation of the document structure that allows for dynamic manipulation of HTML and XML documents.

How can you access an element by its ID in JavaScript?

• getElementById('yourElementId')

• document.getElement('yourElementId')

• document.querySelector('#yourElementId')

• document.getElementById('yourElementId')

What is event bubbling in JavaScript?

• Event bubbling is a method to stop event propagation.

• Event bubbling only occurs on mouse events.

• Event bubbling prevents events from reaching parent elements.

• Event bubbling allows events to propagate from child elements to parent elements in the DOM.

How do you add an event listener to a button in JavaScript?

• button.onClick(function() { /* your code here */ });

• button.addEvent('click', function() { /* your code here */ });

• button.addEventListener('click', function() { /* your code here */ });

• button.attachEvent('onclick', function() { /* your code here */ });