Frontend Web Development Bootcamp - Build a Twitter Clone - Events

The video tutorial introduces JavaScript events, explaining how they make web pages interactive. It covers creating HTML elements, attaching events using different methods, and using event listeners. The tutorial also explores event objects and their properties, providing practical examples of handling events like clicks and mouse movements.

What is an event in the context of JavaScript?

• A method to style HTML elements

• An action that occurs on a webpage

• A function that runs automatically

• A variable that stores data

Which of the following is NOT a user action that can trigger an event?

• Scrolling a page

• Clicking a button

• Changing a variable

• Pressing a key

How do you attach a 'click' event to a button using JavaScript?

• button.addEventListener('click', function)

• button.onClick = function

• button.attachEvent('click', function)

• button.clickEvent = function

What is the correct way to use the addEventListener method?

• addEventListener('click', function)

• addEventListener('clickEvent', function)

• addEventListener('onClick', function)

• addEventListener('onClickEvent', function)

Which property of the event object indicates the element that triggered the event?

• type

• target

• element

• currentTarget

What does the 'clientX' property of the event object represent?

• The X-coordinate of the mouse pointer relative to the element

• The X-coordinate of the mouse pointer relative to the viewport

• The X-coordinate of the mouse pointer relative to the document

• The X-coordinate of the mouse pointer relative to the screen

What is the purpose of the 'altKey' property in the event object?

• To check if the Alt key was pressed during the event

• To determine the type of event

• To get the coordinates of the event

• To find the target element of the event