const dynamicSection = document.getElementById('dynamic-section'); const mainCta = document.getElementById('main-cta'); const contentArea = document.getElementById('content-area'); const productItems = document.querySelectorAll('.product-item'); async function predictAndOptimizeUX() { if (!model) { console.log('Modelo no cargado o entrenado aún. Reintentando...'); setTimeout(predictAndOptimizeUX, 1000); // Reintentar en 1 segundo return; } const features = getUserFeatures(); const inputTensor = tf.tensor2d([features]); // Realizar la predicción const prediction = model.predict(inputTensor); const interestInTech = (await prediction.data())[0]; console.log(`Predicción de interés en tecnología: ${interestInTech.toFixed(4)}`); // Lógica de optimización de UX basada en la predicción if (interestInTech > 0.7) { // Si hay alto interés en tecnología dynamicSection.innerHTML = `

¡Contenido Exclusivo de Tecnología para Ti!

Hemos notado tu interés en tecnología. Mira nuestras últimas innovaciones.

`; mainCta.classList.add('highlight'); // Asegurar que el CTA se resalte // Reordenar productos para destacar tecnología const techProducts = Array.from(productItems).filter(item => item.dataset.category === 'tecnologia'); const otherProducts = Array.from(productItems).filter(item => item.dataset.category !== 'tecnologia'); const sortedProducts = [...techProducts, ...otherProducts]; const productListDiv = document.querySelector('.product-list'); productListDiv.innerHTML = ''; // Limpiar lista actual sortedProducts.forEach(item => productListDiv.appendChild(item)); // Añadir en nuevo orden } else if (interestInTech > 0.4) { // Interés moderado dynamicSection.innerHTML = `

Nuestras Novedades Destacadas

Descubre una mezcla de lo mejor de nuestro catálogo.

`; mainCta.classList.remove('highlight'); // Restaurar orden original o uno neutro const originalProducts = Array.from(productItems); // Esto requiere que productItems sea una copia fresca o un array original const productListDiv = document.querySelector('.product-list'); productListDiv.innerHTML = ''; originalProducts.forEach(item => productListDiv.appendChild(item.cloneNode(true))); // Clonar para evitar referencia } else { // Poco interés dynamicSection.innerHTML = `

Contenido General de Interés

Explora nuestra variedad de productos y servicios.

`; mainCta.classList.remove('highlight'); // Restaurar orden original const originalProducts = Array.from(productItems); const productListDiv = document.querySelector('.product-list'); productListDiv.innerHTML = ''; originalProducts.forEach(item => productListDiv.appendChild(item.cloneNode(true))); } prediction.dispose(); // Liberar memoria del tensor } // Ejecutar la optimización cada pocos segundos setInterval(predictAndOptimizeUX, 3000); // Cada 3 segundos // Asegurarse de que el modelo esté listo antes de la primera predicción createAndTrainModel().then(() => { predictAndOptimizeUX(); });