' + renderProgress() + '

' + '

' + L.question + ' ' + (state.step + 1) + '/3

' + backHtml + '

' + qd.text + '

' + '

' + optsHtml + '

'; } function renderResult() { var key = recommend(); var p = L.products[key]; return '

' + renderProgress() + '

' + '

' + L.resultTitle + '

' + '

' + p.name + '

' + '

' + p.price + '

' + '

' + p.blurb + '

' + '' + L.resultBtn + '' + ''; } function render() { var content = overlay.querySelector('.cmvf-content'); content.innerHTML = state.step < 3 ? renderQuestion() : renderResult(); if (state.step < 3) { var opts = content.querySelectorAll('.cmvf-opt'); for (var i = 0; i < opts.length; i++) { opts[i].addEventListener('click', function(e){ state.answers[state.step] = e.currentTarget.getAttribute('data-val'); state.step++; render(); }); } var backBtn = content.querySelector('#cmvf-back-btn'); if (backBtn) backBtn.addEventListener('click', function(){ state.step--; render(); }); } else { var retryBtn = content.querySelector('#cmvf-retry-btn'); if (retryBtn) retryBtn.addEventListener('click', function(){ state = { step: 0, answers: {} }; render(); }); } } function openModal() { if (!overlay) { overlay = document.createElement('div'); overlay.className = 'cmvf-overlay'; overlay.innerHTML = ''; document.body.appendChild(overlay); overlay.querySelector('.cmvf-close').addEventListener('click', closeModal); overlay.addEventListener('click', function(e){ if (e.target === overlay) closeModal(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && overlay && overlay.style.display !== 'none') closeModal(); }); } state = { step: 0, answers: {} }; overlay.style.display = 'flex'; render(); } function closeModal() { if (overlay) overlay.style.display = 'none'; } document.getElementById('cmvf-open-btn').addEventListener('click', openModal); } catch (e) {} })();

Language

Language

Contact information