Dom Event Introduction – JavaScript Series – Part 27

Events are things like – clicking, hovering on something or typing anything on search. There can be many others event in a website. We can do something based on this event using javascript

We’ll start playing just by using a button. Let’s add a button to the html. You can find the code in github

You can read more about events in mdn web docs

We are going to use a mouse event for today’s example

First we’ll get the button using document.querySelector('button')

Second step will be add a EventListener. Which is going to run the event. addEventListener has 2 parameters. One is the event name, another one is function where we are going to write what happens if the event occurs.

Let’s write some code now

See the result

Turn on the notification so that you can stay with me when I publish the next part of this!

Other posts of this series can be found here – https://blog.nerdjfpb.com/tag/javascript/

View this post on Instagram

I've started this tutorial for the people who wanted to start javaScript. But there are so many long long tutorials for them. Also it need time to finish. So I tried to make this small and just one part in one day. Easy to take and within some days, you'll atleast able to understand the js and work with it. I'm not hoping that you'll learn advance topics, but atleast you'll learn the basics and it will help you in long run. We are going to learn about the Dom Events today, but there are some more parts of it. You'll get that tmrw, stay tuned 😶 Also Check the git codes, if you need to check any — https://github.com/nerdjfpb/javaScript-Series . . . #Webdevloper #freelancewebdeveloper #freelancedeveloper #codinginspiration #responsivewebdesign #python3 #freecodecamp #uidesigners #learnprograming #buildupdevs #ecommercestartup #programmersday #javascriptdeveloper #appdesigner #startupusa #peoplewhocode #fullstackdevloper #fullstack #pythonprogramming #uiuxdesign #codelife #devlife #developerlife #programmerlife #coderlife #learntocode #worldcode #codinglife #nerdjfpb

A post shared by Nerdjfpb : Tech Santoryu (@nerd_jfpb) on Feb 21, 2020 at 11:20pm PST

See the codes – https://github.com/nerdjfpb/javaScript-Series

Find me on social media – twitter, linkedin