Задача 72070 Подсказка срабатывает со второго...

64872689e0ad530d7a1e0f79

15 июня 2023 г. в 17:57

Подсказка срабатывает со второго раза

const tooltips = document.querySelectorAll(".tooltip");

tooltips.forEach((tooltip) => {

tooltip.addEventListener('mouseover', onTooltipMouseover);
tooltip.addEventListener('mouseout', onTooltipMouseout);
})

function onTooltipMouseover (evt) {
evt.currentTarget.classList.toggle('tooltip–animated1');
}

function onTooltipMouseout (evt) {
evt.currentTarget.classList.toggle('tooltip–animated2');
}

648af786298daa0760afb000

15 июня 2023 г. в 17:59

★

toggle добавляет класс если его нет и удаляет если он есть, я думаю тут скорее подойдёт add и remove

const tooltips = document.querySelectorAll(".tooltip");

tooltips.forEach((tooltip) => {
tooltip.addEventListener('mouseover', onTooltipMouseover);
tooltip.addEventListener('mouseout', onTooltipMouseout);
})

function onTooltipMouseover (evt) {
evt.currentTarget.classList.add('tooltip–animated1');
}

function onTooltipMouseout (evt) {
evt.currentTarget.classList.remove('tooltip–animated1');
}