Question

Utwórz element div o id kontener, wielkości 50x50px, wprowadź do niego swoje imię i nazwisko, a następnie utwórz dla niego następujące zdarzenia:
po kliknięciu na niego zmień jego tło na losowy kolor
po najechaniu na niego kursorem zmień wielkość czcionki na 2 razy większą, po zabraniu kursora z obrębu diva wielkość czcionki ma wracać do pierwotnego rozmiaru
 

odpow.

const kontener = document.getElementById('kontener');

const font = 14;

const styles = () => {

kontener.innerText = 'imię';

kontener.style.width = '50px';

kontener.style.height = '50px';

kontener.style.fontSize = font;

}

const clickEvent = () => {

kontener.addEventListener('click', () => {

let randomColor = Math.floor(Math.random() * 16777215).toString(16);

kontener.style.backgroundColor = `#${randomColor}`

})

};

const onMouseOverEvent = () => {

kontener.addEventListener('mouseover', () => {

kontener.style.fontSize = `${font *2}px`

})

};

const onMouseOutEvent = () => {

kontener.addEventListener("mouseout", ()=> {

kontener.style.fontSize = `${font}px`

})

}

const init = () => {

czy cos takiego ma byc

styles();

clickEvent();

onMouseOverEvent()

onMouseOutEvent()

}

init();

czy tak ma być

Comments

Wstaw proszę kod w odpowiedni bloczek, bo trudno czyta się kod wymieszany z tekstem.