javascript mouseenter

pytanie zadane 30 lipca 2018 w JavaScript przez SoDoIt Obywatel (1,190 p.)

Witam, chcąc zoptymalizować kod, zepsułem go .. proszę o rady co źle zrobiłem
https://codepen.io/jakub-woowski/pen/WKdpjP
i czy nie przekombinowałem zmieniając z kodu w stylu :

const meI = document.getElementById("meI");
const meA = document.getElementById("meA").addEventListener("mouseenter", function () {meI.style.color = "#666";});

1 odpowiedź

odpowiedź 30 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Co Ty chcesz przekombinować :)?

Jeśli nasłuchujesz tylko na event mouseenter i po jego wykryciu zmieniasz kolor elementu, czyli jakąś właściwość CSS to w ogóle wywal JS i zrób to po prostu na element:hover. Do takich rzeczy dzisiaj nie zaprzęga się JS, zrób to w CSS.

komentarz 30 lipca 2018 przez SoDoIt Obywatel (1,190 p.)

ale chodzi o pokolorowanie ikonki po najechaniu na napis obok :d da się tak zrobić w css ?

komentarz 30 lipca 2018 przez SoDoIt Obywatel (1,190 p.)

Dobra chyba znalazłem, selektor + ew ~ chyba się nada do tego ;d

komentarz 30 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

powinno się udać, źle w takim razie trochę zrozumiałem problem :)

Są selektory +, ~ itp. ja z nich prawie nie korzystam, może parę razy gdzieś mi się zdarzyło więc nie pamiętam już który co robił ale poszukaj sobie w necie i pokombinuj, powinno się udac.

komentarz 30 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Na szybko: https://codepen.io/anon/pen/qypmVM

Trochę nie mogłem sobie poradzić z tym selektorem ~ to dodałem flexa i właściwością order:-1 odwróciłem kolejność elementów, zresztą obadaj sobie, na tej samej zasadzie możesz zrobić z tymi ikonkami.