Rozwiązane

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



Odpowiedź :

Kamils111

Odpowiedź:

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 = () => {

   styles();

   clickEvent();

   onMouseOverEvent()

   onMouseOutEvent()

}

init();

Inne Pytanie