Generador de Tienda WhatsAppVista Previa
`;document.getElementById('codeOutput').value = generatedCode;
}// Copiar el código generado al portapapeles
async function copyToClipboard() {
const textarea = document.getElementById('codeOutput');
const copyButton = document.querySelector('.copy-btn');
try {
// Usar la API moderna de clipboard si está disponible
if (navigator.clipboard && window.isSecureContext) {
await navigator.clipboard.writeText(textarea.value);
} else {
// Fallback para navegadores más antiguos
textarea.select();
document.execCommand('copy');
}
copyButton.textContent = '¡Código Copiado!';
copyButton.style.backgroundColor = '#28a745';
setTimeout(() => {
copyButton.textContent = 'Copiar Código';
copyButton.style.backgroundColor = '#008069';
}, 2000);
} catch (err) {
console.error('Error al copiar:', err);
copyButton.textContent = 'Error al copiar';
setTimeout(() => {
copyButton.textContent = 'Copiar Código';
}, 2000);
}
}// Inicializar cuando el DOM esté cargado
document.addEventListener('DOMContentLoaded', function() {
// Event listeners para inputs
document.querySelectorAll('input').forEach(input => {
input.addEventListener('input', updatePreview);
});// Event listeners específicos para números de teléfono
document.querySelectorAll('.phone-input').forEach(input => {
input.addEventListener('input', updatePreview);
});// Event listeners para checkboxes de redirección
document.getElementById('enableAutoRedirect').addEventListener('change', toggleAutoRedirectTime);
document.getElementById('enableClickRedirect').addEventListener('change', toggleClickRedirect);// Inicializar botones de eliminar
updateRemoveButtons();
// Inicializar la vista previa
updatePreview();
});
