Чипекве

document.addEventListener('click', switchColorButtonHandler);

function switchColorButtonHandler({ target }) {
    const clickedButton = target.closest('.slide-product__options');
    if (!clickedButton) return;

    const productWrapper = clickedButton.closest('.slide-product__image');
    const productImage = productWrapper.querySelector('.picture img');

    productWrapper.querySelectorAll('button').forEach(button => {
        button.classList.remove('_active');
    });
    clickedButton.classList.add('_active');

    productImage.src = clickedButton.dataset.src;
}

photoel.innerHTML = `<img src="${userData.photo}">`;

const salaryFilter = document.querySelector('.third__filter-item');
const salaryFilterFrom = salaryFilter.querySelector('.third__filter-from');
const salaryFilterTo = salaryFilter.querySelector('.third__filter-to');
const cvBlocks = document.querySelectorAll('.watch__anceta');

salaryFilter.addEventListener('input', filterBySalary);

function filterBySalary() {
    cvBlocks.forEach(cvBlock => {
        const salary = +cvBlock.querySelector('.watch__price').textContent.match(/\d+/);     
        const isInRange = salary >= +salaryFilterFrom.value && salary <= +salaryFilterTo.value;
        cvBlock.classList.toggle('hide', !isInRange);
    })
}

document.querySelectorAll('p.color_red').forEach(el => {
  el.outerHTML = `<show>${el.innerHTML}</show>`;
})

function renderItem(cardData) {
    const newCard = cardTemplate.cloneNode(true);
    const cardTitle = newCard.querySelector('.card__title');
    const cardImage = newCard.querySelector('.card__image');

    cardImage.src = cardData.link;
    cardTitle.textContent = cardData.name;
 
    container.append(newCard);
 }
renderItem(); //← поэтому семь
render();

<TextField
  multiline
  sx={{
    '& textarea': {
      resize: 'both',
    }
  }}
/>

cardRecommended.forEach((card) => {
  card.addEventListener('click', (e) => {
    if (popupRecommended.classList.contains('-open') || e.target.classList.contains('favorite-btn')) return;
    popupRecommended.classList.add('-open');
    document.body.classList.add('-lock');
  })
})

const accordTitles = document.querySelectorAll('.elem-top');

accordTitles.forEach(title => {
  title.addEventListener('click', textdown)
})

	function textdown({currentTarget}) {
		currentTarget.nextElementSibling.classList.toggle('active_text');
    currentTarget.querySelector('.faq__arrow').classList.toggle('arrow_rotate');
	};

document.querySelectorAll('.stats').forEach(e => {
let conversion = (+e.querySelector('[title="Продано"]').textContent / +e.querySelector('[title^="Просмотров:').textContent) * 100
e.insertAdjacentHTML('beforeend', `<div title="Конверсия" class="col-mbs-6"><span class="flaticon-monitor"></span>${conversion.toFixed(1)}</div> `);
})