Colar copa do mundo

Colar em miçangas de vidro com terminação metálica em aço inox e berloques feitos à mão em ceramica plástica biodegradável com camada de verniz impermeabilizante para proteger do contato com o suor. Não recomendamos que as peças fiquem em contato com água de forma prolongada, pois correm o risco de estragar,afinal o material é biodegradável. Evite banho de mar, rio e piscinas. 

const limite = 3;

document.getElementById("limite-texto").innerText = limite;

const itens = document.querySelectorAll(".pingente-item");

itens.forEach(item => {
  item.addEventListener("click", () => {

    let ativos = document.querySelectorAll(".pingente-item.ativo");

    if (item.classList.contains("ativo")) {
      item.classList.remove("ativo");
    } else {
      if (ativos.length >= limite) {
        alert("Escolha até " + limite + " pingentes ✨");
        return;
      }
      item.classList.add("ativo");
    }

    atualizar();
  });
});

function atualizar() {
  let selecionados = Array.from(document.querySelectorAll(".pingente-item.ativo"))
    .map(el => el.dataset.value);

  document.getElementById("contador").innerText = selecionados.length;

  document.getElementById("observacao").value =
    "Pingentes escolhidos: " + selecionados.join(", ");
}

document.querySelector("form").addEventListener("submit", function(e) {
  let selecionados = document.querySelectorAll(".pingente-item.ativo");

  if (selecionados.length !== limite) {
    alert("Escolha exatamente " + limite + " pingentes ✨");
    e.preventDefault();
  }
});