document.addEventListener("DOMContentLoaded", function() { let statusDiv = document.createElement("div"); statusDiv.classList.add("aberto"); statusDiv.style.position = "fixed"; statusDiv.style.top = "10px"; statusDiv.style.left = "10px"; statusDiv.style.display = "flex"; statusDiv.style.alignItems = "center"; statusDiv.style.backgroundColor = "#008000"; statusDiv.style.color = "white"; statusDiv.style.padding = "8px 12px"; statusDiv.style.borderRadius = "15px"; statusDiv.style.fontSize = "14px"; statusDiv.style.fontWeight = "bold"; statusDiv.style.boxShadow = "0 4px 10px rgba(0, 0, 0, 0.2)"; statusDiv.style.gap = "8px"; let icon = document.createElement("i"); icon.classList.add("btn-pisca"); icon.innerHTML = ` `; icon.style.animation = "pulsar 1s infinite alternate"; let text = document.createElement("span"); text.id = "status-loja"; text.innerText = "ABERTO"; let clockIcon = document.createElement("i"); clockIcon.innerHTML = ` `; let closingTime = document.createElement("span"); closingTime.id = "closing-time"; function getClosingTime() { let now = new Date(); now.setHours(now.getHours() + 2); let hours = now.getHours().toString().padStart(2, '0'); let minutes = now.getMinutes().toString().padStart(2, '0'); return `${hours}:${minutes}`; } closingTime.innerText = `Fecha às ${getClosingTime()}`; statusDiv.appendChild(icon); statusDiv.appendChild(text); statusDiv.appendChild(clockIcon); statusDiv.appendChild(closingTime); document.body.appendChild(statusDiv); let style = document.createElement("style"); style.innerHTML = ` @keyframes pulsar { from { transform: scale(1); opacity: 1; } to { transform: scale(1.3); opacity: 0.6; } } /* Ajuste para o popup e responsividade */ #popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; color: black; padding: 30px; border-radius: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 15px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); max-width: 400px; width: 90%; box-sizing: border-box; z-index: 9999; border: 2px solid #8B4513; transition: transform 0.3s ease-in-out; } /* Ajuste para o fundo durante a exibição do popup */ body.popup-active { overflow: hidden; } /* Estilos para os botões e inputs */ input, button { width: 100%; max-width: 300px; padding: 10px; border-radius: 10px; border: 1px solid #ccc; margin-bottom: 15px; } button { background: green; color: white; cursor: pointer; } button:disabled { background: #ccc; cursor: not-allowed; } `; document.head.appendChild(style); // Popup de CEP let popup = document.createElement("div"); popup.innerHTML = ` `; document.body.appendChild(popup); window.calcularFrete = function() { const cep = document.getElementById("cepInput").value; if (cep.length !== 8) { alert("Por favor, insira um CEP válido sem (-)."); return; } // Desabilitar botão e exibir "Buscando CEP..." const calcularButton = document.getElementById("calcularButton"); calcularButton.style.opacity = "0.5"; calcularButton.disabled = true; document.getElementById("buscandoCep").style.display = "block"; // Fazer a requisição à API setTimeout(() => { fetch(`https://viacep.com.br/ws/${cep}/json/`) .then(response => response.json()) .then(data => { if (data.erro) { alert("CEP não encontrado."); document.getElementById("buscandoCep").style.display = "none"; calcularButton.style.opacity = "1"; calcularButton.disabled = false; return; } let rua = data.logradouro || "Endereço não encontrado"; document.getElementById("buscandoCep").style.display = "none"; document.getElementById("result").innerText = `Entrega Grátis para a região de ${rua}! A loja mais próxima fica a 1.6km `; document.getElementById("result").style.display = "block"; document.getElementById("closePopup").style.display = "block"; }) .catch(error => { alert("Erro ao buscar o CEP. Tente novamente."); document.getElementById("buscandoCep").style.display = "none"; calcularButton.style.opacity = "1"; calcularButton.disabled = false; }); }, 2500); // Tempo de espera de 4 segundos }; document.getElementById("closePopup").addEventListener("click", function() { document.getElementById("popup").style.display = "none"; document.body.classList.remove("popup-active"); }); // Ao exibir o popup, impedir que o fundo seja rolado document.getElementById("popup").style.display = "block"; document.body.classList.add("popup-active"); });

Digite seu CEP e ache a loja mais próxima