gistfile1.txt

const toggleType = document.querySelectorAll('#toggle-type');
const typeName = document.querySelector('#type-name');
const iconsTigela = document.querySelectorAll('#tigela');
const iconsCopo = document.querySelectorAll('#copo');

const imagesTigela = document.querySelectorAll("#img-tigela")
const imagesCopo = document.querySelectorAll("#img-taca")

const handleToggleType = (e) => {
  if (e.target.checked) {
    iconsTigela.forEach(img => img.classList.remove('ativa'))
    iconsCopo.forEach(img => img.classList.add('ativa'))

    imagesTigela.forEach(img => img.classList.add('hidden'))
    imagesCopo.forEach(img => img.classList.remove('hidden'))
    
    typeName.innerText = 'Smoothies';
  } else {
    iconsCopo.forEach(img => img.classList.remove('ativa'))
    iconsTigela.forEach(img => img.classList.add('ativa'))

    imagesCopo.forEach(img => img.classList.add('hidden'))
    imagesTigela.forEach(img => img.classList.remove('hidden'))
    typeName.innerText = 'Bowls';
  }
}

toggleType.forEach(toggle => toggle.addEventListener('change', handleToggleType));