Reacting to Events with JavaScript (Clip 14): Gentle Introduction to JavaScript

When a user clicks a button or other element on a web page, they expect the page to respond to their action and do something: play the game, buy the product, display a message ... something.

For our JavaScript code to respond to an action on a page, we follow three steps:
(1) First, we find the element that can notify us of the action.
(2) We listen for the action, called an event, on that element.
(3) We react when the event occurs ... running code using a named or arrow function.

*Lesson Links*

*Content*
00:00 Reacting to events with JavaScript
01:02 An event is a notification
01:24 Listening for an event (addEventListener)
02:34 Using an arrow function
02:53 Coding Along: Listening for events
04:28 Demo: Event listener with an arrow function
06:03 Demo: Event listener with a named function
06:49 Demo: Reacting to an event
07:33 Demo: Best practice for working with found elements
07:52 Demo: Comparing the guess and the random number
08:57 Demo: Debugging element issues
11:00 Key points

*Audience*
• Anyone new to JavaScript.
• Existing developers that use JavaScript, and want to understand more about its syntax and how to use it on the web.
• Students considering a programming or web development career.
• Creatives that want a give their web pages some interactivity.
• Those that manage or interact with web developers to better understand what JavaScript is and how it is used.

This is the sixth and final course of the "How to Become a Web Developer" series.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VS Live and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 10,000+) over the past 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#events #eventsinjavascript #eventjavascript #eventlistenerjavascript #eventhandlingjavascript #addeventlistener #eventhandler #javascript #javascripttutorial #javascriptcourse #javascriptprojects #javascriptproject #introductiontojavascript #learnjavascript #javascriptinthebrowser #kurata #beginners #code #learntocode #gettingstarted #programming #programmingbasics #programmer #learnprogramming #learnprogrammingonyoutube #development #developer

[LJGTLott]

This was a little bit fast for me. There was a ton of information in this clip.