Am fumbling all over with my fuctions... mouseover

Bush-boy — Sun, 25 Oct 2020 08:57:14 +0000

Am trying to add css styles to my classes.... what am i doing wrong???

//In the JS:

document.getElementsByClassName("header").addEventListener("mouseover", mouseOver);
function mouseOver() {
document.getElementsByClassName("header").$("header").addclass("mouseover")}
document.getElementsByClassName("header").addEventListener("mouseout", mouseOut);
function mouseOut() {
document.getElementsByClassName("header").$("header").addclass("mouseout");}

//In the CSS:
.header {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
text-decoration: rgb(108, 141, 240);
text-transform: uppercase;
}
.mouseover {
transition: 3s;
filter: brightness(20%);
}
.mouseout {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
text-decoration: rgb(222, 233, 14);
text-transform: uppercase;
}
.header:hover {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
/text-decoration: rgb(151, 160, 189);/
text-transform: uppercase;
transition: 1s;
filter: brightness(15%);
}

JS FUNCTIONS AND MORE BASIC QUESTIONS

Bush-boy — Sat, 24 Oct 2020 08:53:00 +0000

Am learning how to create webpages, i have gone through basic html n css, now am trying to make javascript work but theres alot am not understanding about the code, so i was just viewing fuctions in js and having trouble understanding this statement...

const factorial = function fac(n) { return n < 2 ? 1 : n * fac(n - 1) }

console.log(factorial(3))

DEV Community: Bush-boy

Am fumbling all over with my fuctions... mouseover

JS FUNCTIONS AND MORE BASIC QUESTIONS