Постримим немного?
https://www.youtube.com/watch?v=kmWBxWj5z64&discard_pic=1

(youtube сошел с ума и не обновляет превью ^__^)

записи не будет?

Напомните плиз, как называется выступление на одной из конференций, где спикер рассказывал как сделал аппку для менеджмента заметок на основе Git и, кажется, Markdown или подобном ему

This video is private.
ех, не успел на стримчанский, а можно видео unlisted сделать?

@xanf_ua, если не секрет когда планируете выложить курс CI/CD на патреон? Планирую подписаться ради него.

Всем привет!
А можете, пожалуйста, помочь начинающему?
Я 2 дня как учу JS, но очень слаб пока, до конца не умею въехать в логику.

Есть блок, при наведении на который появляется справа вверху крестик (hover эффект).

Что я хочу сделать - при нажатии на крестик = hover эффект убирается и блок становится таким же, как и был без наведения мышкой. Как это реализовать? Можете в codepen мне показать это решение, чтобы я посмотрел всю логику. Буду очень и очень благодарен!

https://codepen.io/nikita-lukoschenko/pen/LYpmemr

вам нужно на блок добавлять класс стиля, по клику на крестик удалять класс стиля

т.е. не :hover использовать, а конкретно через js вешать класс который вешает такие же стили как :hover. ну и по клику на крестик сносить это класс

Блин, я такое не умею пока делать)
Проще решения вообще нет?

проще решения нет

пробуйте и все получится 🙂

Вот один человек мне подсказал. Скажите, такое сработает или нет?

onclick на крестик и найти элемент product__element и поменять класс на другой к которому не применяется hover но с теми же стилями что у hover

при нажатии на крестик = hover эффект убирается и блок становится таким же, как и был без наведения мышкой
если правильно понял идею - то логика примерно такая:

css:
.block:hover {…}
.block--without-hover:hover { disable hover styles here }


js:
const classWithoutHover = 'block—without-hover’;

close.addEventListener(‘click’, () => block.classList.add(classWithoutHover));
block.addEventListener(‘mouseout’, () => block.classList.remove(classWithoutHover));

Это делается через css свойство :active

как active поможет удалить эффект ховера по клику когда мышка еще на нем?

блиин, очень сложна

интересно, а что по твоему тогда делает active?

а сорри, прочитал "когда мышка не на нем?".

но в принципе можно сделать через active или focus. на hover показываем, а на active или focus убираем