Event listener in javascript

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.

All the learning resources such as code files, documentations, articles and community discussions are available on our website:

You can find our discord link, github link etc on the above website.

[HiteshCodeLab]

Full course is FREE and will be available here

[aarushgoyal]

Signs that you have become a Pro YouTuber :
You start finding innovative methods for Subscribe Appeal

[saibhanumathurthi]

Hitesh sir, I'm a fan of the way you teaches everything✋

[redemption]

What exactly does the element in magiccolorchanger does if the color part grabs the actual color?

[afamsval]

Thank you so much for this video. I am really enjoying the quality of the video .

[gauravnag]

Hi SIr,
Thank you for explaining concept.
But please clarify if there are 10 colors, then we need to write magicColorChanger() 10 times. Instead of it can we pick the colors dynamically with less number of code lines. If yes, pls guide on that

[rajkumarv.b]

Here's my version of the logic :

const red =
const cyan =
const violet =
const orange =
const pink =
const center =

const getElementBGColor = (Element) => {
return
}

const magicColorChanger = (element) => {
element.addEventListener("mouseenter", () => {
center.style.background = getElementBGColor(element)
})
}
magicColorChanger(red)
magicColorChanger(cyan)
magicColorChanger(violet)
magicColorChanger(orange)
magicColorChanger(pink)
magicColorChanger(center)

[dinesh]

Best javascript series ever.., on YouTube.

[vivekhridayanandverma]

Hitesh sir doing good with your current running course with js thanks for this.

In this project I am getting type error like failed to execute getComputedStyle on Windows...parameter 1 is not type of element #error

I used setBGColor but i am able garb first only rest of not able to grab...please suggest about error

[monusingh]

Sir you told to always use return while using curly braces in arrow and callbacks so here at 6:05 at line 17 you are not using return tell

[JoyKimaiyo]

Hi, Hitesh I cannot access your website. Is it location wise or just the website cannot be accessed for everyone?

[somitdas]

Hi!
@hitesh sir
As i can see this playlist contains videos till the number 37 and further from 38 its private. WHhy is that so?

[bobcoderz]

Hey Sir can you share how you configure vscode :)

[willowayya]

Dear sir with only one programming language can be job get or not ? I m on JavaScript

[rajeshveeranki]

HI this is CSS content.!!


body {
background: rgb(66, 66, 66);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.red {
background: #e44236;
margin-right: 5px;
}
.cyan {
background: #25ccf7;
margin-right: 5px;
}
.violet {
background: #8b78e6;
margin-right: 5px;
}
.orange {
background: #ea7773;
margin-right: 5px;
}
.pink {
background: #bb2cd9;
}

.center {
min-width: 400px;
height: 400px;
background: rgb(66, 66, 66);
border-radius: 100%;
transition: 0.2s ease-in-out all;
}
.color-hover {
position: absolute;
top: 10%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding: 10px;
display: flex;
justify-content: center;
flex-direction: row;
}
.text {
padding: 10px;
color:
}
.color {
width: 120px;
height: 30px;
border-radius: 5%;
margin-bottom: 30px;
}
.color:hover {
cursor: pointer;
}
.color:last-child {
margin-bottom: 0;
}

[darkalpha]

Sir can we use the CSS property ":hover" to make it do all the things you told in this video?

[milankbudha]

plz provide source code also..It will be more easy for us to copy in our text editor directly rather than making a note in a copy .It will save our time..Thank you

[wasimrajamiddya]

Sir will I get certificate after completing this course?

[vraj]

#10minutesJS day 35! and not sleepy anymore !!

[ajaypathak]

Why getComputedStyle not working with getElementsBy---. ?