const buttons = document.querySelectorAll('button')
buttons.forEach(function(button){
button.addEventListener('click',function(event){
handleClick(event)
})
})
/**
* Функция обрабатывает клик по кнопке в карточке товара и попеременно вызывает
* функции для показа или скрытия текста о товаре.
* @param {MouseEvent} clickedButtonEvent
*/
function handleClick(clickedButtonEvent){
const cardNode = clickedButtonEvent.target.parentNode;
const card ={
wrap: cardNode,
img: cardNode.querySelector('img'),
productName: cardNode.querySelector('.productName'),
button: cardNode.querySelector('button')
}
const textOnButton = card.button.innerText;
if(textOnButton ==='Подробнее'){
showMoreText(card);
} else if(textOnButton === 'Отмена'){
hideMoreText(card);
}
}
function showMoreText(card){
card.img.style.display = 'none';
const text = 'Описалово картинки';
card.productName.insertAdjacentHTML('afterend', `${text}
`)
card.button.innerText ='Отмена';
}
function hideMoreText(card){
card.img.style.display = 'block';
card.wrap.querySelector('.desc').remove();
card.button.innerText ='Подробнее';
}