MyGolfSpy Shoe Advisor @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); body { font-family: 'Inter', sans-serif; background-color: #f3f4f6; } .quiz-container { max-width: 600px; min-height: 400px; transition: all 0.5s ease-in-out; } input[type="range"] { -webkit-appearance: none; width: 100%; height: 12px; background: #d1d5db; border-radius: 6px; outline: none; transition: background 0.2s ease-in-out; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; background: #10b981; border: 2px solid white; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: transform 0.2s ease-in-out; } input[type="range"]:hover::-webkit-slider-thumb { transform: scale(1.1); } // Use an IIFE (Immediately Invoked Function Expression) to avoid global scope pollution (function() { // --- Data for the quiz --- const defaultBuyerGuideLink = 'https://mygolfspy.com/buyers-guides/golf-shoes/best-golf-shoes-2025/'; const shoeData = [ // Spikeless Shoes { category: 'spikeless', brand: 'Adidas', model: 'Adizero ZG', elements: 13.8, traction: 9.9, comfort: 43.2, stability: 29.7, total: 96.6, price: 170, link: 'https://pga-tour-superstore.pxf.io/c/35585/1414697/16839?u=https%3A%2F%2Fwww.pgatoursuperstore.com%2Fadidas-adizero-zg-spikeless-golf-shoes%2F2000000045005.html&subId1=MW25_adidasAdizeroZG' }, { category: 'spikeless', brand: 'Payntr', model: 'All Day SC', elements: 14.7, traction: 9.8, comfort: 44.55, stability: 28.5, total: 97.55, price: 160, link: defaultBuyerGuideLink }, { category: 'spikeless', brand: 'Skechers', model: 'Elite 6', elements: 14.7, traction: 9, comfort: 44.955, stability: 27.6, total: 96.255, price: 130, link: defaultBuyerGuideLink }, { category: 'spikeless', brand: 'ECCO', model: 'LT1', elements: 15, traction: 9.25, comfort: 43.65, stability: 27.9, total: 95.8, price: 210, link: defaultBuyerGuideLink }, { category: 'spikeless', brand: 'Puma', model: 'Ignite Elevate X', elements: 14.25, traction: 9.5, comfort: 43.65, stability: 27, total: 94.4, price: 120, link: defaultBuyerGuideLink }, { category: 'spikeless', brand: 'New Balance', model: 'Fresh Foam Contend V2', elements: 13.8, traction: 9.2, comfort: 43.65, stability: 27, total: 93.65, price: 100, link: defaultBuyerGuideLink }, { category: 'spikeless', brand: 'Skechers', model: 'Drive 6', elements: 14.25, traction: 8.8, comfort: 43.875, stability: 27.3, total: 94.225, price: 90, link: defaultBuyerGuideLink }, { category: 'spikeless', brand: 'Under Armour', model: 'Drive Pro SL', elements: 13.8, traction: 9.2, comfort: 43.2, stability: 28.5, total: 94.7, price: 150, link: 'https://www.awin1.com/cread.php?awinmid=15431&awinaffid=760693&campaign=&clickref=MW25_UnderArmourDriveProSL&clickref2=&clickref3=&clickref4=&clickref5=&clickref6=&ued=https%3A%2F%2Fwww.underarmour.com%2Fen-us%2Fp%2Fgolf%2Fmens_ua_drive_pro_spikeless_golf_shoes%2F3026920.html&platform=pl' }, // Spiked Shoes { category: 'spiked', brand: 'Adidas', model: 'Tour 360 \'24', elements: 14.25, traction: 9.75, comfort: 44.325, stability: 28.8, total: 97.125, price: 200, link: 'https://pga-tour-superstore.pxf.io/c/35585/1414697/16839?u=https%3A%2F%2Fwww.pgatoursuperstore.com%2Fadidas-tour360-24-boost-mens-golf-shoe%2F2000000036761.html%3Fdwvar_2000000036761_STK_COLOR%3D207' }, { category: 'spiked', brand: 'Payntr', model: 'Eighty Seven SC', elements: 14.625, traction: 9.5, comfort: 44.1, stability: 28.5, total: 96.725, price: 180, link: defaultBuyerGuideLink }, { category: 'spiked', brand: 'FootJoy', model: 'Hyperflex', elements: 14.55, traction: 9.6, comfort: 42.75, stability: 29.4, total: 96.3, price: 170, link: defaultBuyerGuideLink }, { category: 'spiked', brand: 'Under Armour', model: 'Drive Pro', elements: 14.25, traction: 9.5, comfort: 43.65, stability: 28.8, total: 96.2, price: 150, link: 'https://www.awin1.com/cread.php?awinmid=15431&awinaffid=760693&campaign=&clickref=&clickref2=&clickref3=&clickref4=&clickref5=&clickref6=&ued=https%3A%2F%2Fwww.underarmour.com%2Fen-us%2Fp%2Fgolf%2Fmens_ua_drive_pro_golf_shoes%2F3026918.html%3Fdwvar_3026918_color%3D100%26dwvar_3026918_size%3D11.5%26country%3DUS%26currency%3DUSD%26cid%3DPLA_OMD_US_424_EVQILKjyfoE%26gad_source%3D1%26gclid%3DCjwKCAiAlPu9BhAjEiwA5NDSAzQgoY5BdToORca9TcdyXFDEbsDmBoc4PBDo9FSjagWrHU62PnWbaxoClv0QAvD_BwE%26gclsrc%3Daw.ds&platform=pl' }, { category: 'spiked', brand: 'FootJoy', model: 'Premiere', elements: 14.1, traction: 9.8, comfort: 41.4, stability: 29.1, total: 94.4, price: 190, link: defaultBuyerGuideLink }, { category: 'spiked', brand: 'Sqairz', model: 'Velo', elements: 14.55, traction: 9.5, comfort: 42.3, stability: 28.5, total: 94.85, price: 200, link: defaultBuyerGuideLink }, { category: 'spiked', brand: 'Puma', model: 'Royale', elements: 13.8, traction: 9.3, comfort: 43.2, stability: 28.5, total: 94.8, price: 130, link: defaultBuyerGuideLink }, { category: 'spiked', brand: 'TravisMathew', model: 'Ringer II', elements: 14.55, traction: 9.3, comfort: 41.85, stability: 28.2, total: 93.9, price: 180, link: defaultBuyerGuideLink }, ]; // --- UI Elements --- const questionCard = document.getElementById('question-card'); const resultsCard = document.getElementById('results-card'); const nextButton = document.getElementById('next-button'); // --- Quiz State --- const questions = [ { id: 'comfort', title: 'Comfort', text: 'How important is comfort for your game?', maxScore: 45 }, { id: 'stability', title: 'Stability', text: 'How important is stability during your swing?', maxScore: 30 }, { id: 'traction', title: 'Traction', text: 'How important is grip on various surfaces?', maxScore: 10 }, { id: 'elements', title: 'Elements', text: 'How important is weatherproofing and durability?', maxScore: 15 } ]; let currentQuestionIndex = 0; let userPreferences = {}; // --- Functions --- function renderQuestion() { const q = questions[currentQuestionIndex]; questionCard.innerHTML = `

${q.text}