choice.js

const options = {
    "Shopping": {
        "Regular": {
           
            "Cloth": {
                "3 Pics": {
                    "Indian": {},
                    "Local Art": {},
                    "Pakistani": {},
                    "Formal": {},
                },
                "Shree": {
                    "Black": {},
                    "Blue": {},
                    "White": {},
                    "Silk": {},
                },
                "Skirts": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Pant": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                }
            },

            "Shoe": {
                "Formal": {
                    "Office Shoe": {},
                    "High Heal": {},
                    "Pakistani": {},
                    "Luffer": {},
                },
                "Party": {
                    "Black": {},
                    "Blue": {},
                    "White": {},
                    "Red": {},
                },
                "Casual": {
                    "Luffer": {},
                    "Converse": {},
                    "Sports": {},
                    "Leather": {},
                },
                "Scandle": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                }
            },
        

            "Beauty Tools": {
                "LipStick": {
                    "Nude": {},
                    "Mate": {},
                    "Regular": {},
                    "Formal": {},
                },
                "Cream": {
                    "SunCream": {},
                    "Facewash": {},
                    "Beauty": {},
                    "Winter Special": {},
                },
                "Brashes": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Extra": {
                    "T-shirt": {},
                    "Inner": {},
                    "Tie": {},
                    "Perfume": {},
                }
            },
           
            "Jewelry": {
                "Nose Pin": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Ear Ring": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Ring": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Braslate": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                }
               
            }
        },
        "Electronic": {
            "Phones": {
                "iPhone": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "MI": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Samsung": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "OnePlus": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                }
            },
            "Fan": {
                "Charger": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Adjust": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Selling Fan": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Party Fan": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                }
            },
            "Light": {
                "Table Light": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Decoration Light": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Room Light": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Interior Light": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                }
            },
            "Accessories": {
                "Cooker": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Blender": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Hotpot": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                },
                "Heater": {
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
                }
            }
        },
        "Book": {
            "Fiction": {
                "Mystery": {},
                "Romance": {},
                "Sci-Fi": {},
                "Fantasy": {}
            },
            "Non-Fiction": {
                "Biography": {},
                "Self-Help": {},
                "History": {},
                "Science": {}
            },
            "Comics": {
                "Superhero": {},
                "Manga": {},
                "Graphic Novels": {},
                "Webcomics": {}
            },
            "Textbooks": {
                "Math": {},
                "Science": {},
                "Literature": {},
                "History": {}
            }
        },
        "Course": {
            "Design": {
                "Illustrator": {},
                "Photoshop": {},
                "3D Art": {},
                "Motion Graphics": {}
            },
            "Development": {
                "Web": {},
                "Android": {},
                "Software": {},
                "Dev-Ops": {}
            },
            "Learing": {
                "Language learning": {},
                "Cooking": {},
                "Driving": {},
                "Beauty Parler": {}
            },
            "Self Improvment": {
                "Time Managent": {},
                "Money Managemnt": {},
                "Photography": {},
                "Drawing ": {}
            }
        }
    },
    "Travel": {
       
            "Beach": {
                "Inani": {},
                "Kuyakata": {},
                "Cox-Bazar": {},
                "Saint Martin": {}
            },
            "Mountain": {
                "Sajek": {},
                "Himalay": {},
                "Bandarban": {},
                "Ramgati": {}
            },
            "City": {
                "Khulna": {},
                "Rajshahi": {},
                "Sylhet": {},
                "Dhaka": {}
            },
            "Countryside": {
                "Jaflong": {},
                "Sundurbon": {},
                "National Forest": {},
                "Safari park": {}
            }
        },
          
        
    "Restaurant": {
        "Cuisine": {
            "Italian": {
                "Pasta": {},
                "Pizza": {},
                "Burger": {},
                "Stack": {}
            },
            "Chinese": {
                "Chaomin": {},
                "Noodles": {},
                "Fried Rice": {},
                "Spring Rolls": {}
            },
            "Indian": {
                "Luci": {},
                "Biryani": {},
                "Naan": {},
                "Khicuri": {}
            },
            "Mexican": {
                "Pizza": {},
                "Berad": {},
                "Chicken": {},
                "Beef": {}
            }
        },
        "Dining": {
            "Fine Dining": {
                "Michelin Star": {},
                "Gourmet": {},
                "Wine Pairing": {},
                "Tasting Menu": {}
            },
            "Casual Dining": {
                "Bistros": {},
                "Family Restaurants": {},
                "Grills": {},
                "Buffets": {}
            },
            "Fast Food": {
                "Burgers": {},
                "Fried Chicken": {},
                "Pizza": {},
                "Fries": {}
            },
            "Cafes": {
                "Coffee": {},
                "Pastries": {},
                "Sandwiches": {},
                "Salads": {}
            }
        },

        "Regular": {
            "Bangla Hotel": {
                "Rice and Fish": {},
                "Beef": {},
                "Mutton": {},
                "Vorta and Salad": {}
            },
            "Streat Food": {
                "Fuska": {},
                "Jhalmuri": {},
                "Chotpoti": {},
                "Halim": {}
            },
            "Ice Cream": {
                "Regular": {},
                "Cone": {},
                "Vanela": {},
                "Chocolate": {}
            },
            "Packets Food": {
                "Cake": {},
                "Chips": {},
                "Juice": {},
                "Cool drinks": {}
            }
        },

        "Food Cort": {
            "Buffet": {           
                    "Low Range": {},
                    "Mid Range": {},
                    "Standard Range": {},
                    "High Range": {},
            },
            "Chinese": {
                "Dumplings": {},
                "Noodles": {},
                "Fried Rice": {},
                "Spring Rolls": {}
            },
            "Indian": {
                "Curry": {},
                "Biryani": {},
                "Naan": {},
                "Paneer": {}
            },
            "Mexican": {
                "Tacos": {},
                "Burritos": {},
                "Enchiladas": {},
                "Guacamole": {}
            }
        }
    },

    "Single Meet": 
    {
    
         "Blind Date": {
                "Coffee Shop": {},
                "Park": {},
                "Restaurant": {},
                "Event": {}
            },
            "Online Date": {
                "Video Call": {},
                "Messaging": {},
                "Online Meet": {},
                "Watch Together": {}
            },
            "Speed Date": {
                "Networking Event": {},
                "Community Center": {},
                "Club": {},
                "Cafe": {}
            },
            "Dinner Date": {
                "Restaurant": {},
                "Home Cooked": {},
                "Picnic": {},
                "Street Food": {}
            }
    }
        
    
};

let path = []; // To store the path of choices

function renderOptions(currentOptions) {
    const container = document.getElementById('quiz-container');
    container.innerHTML = ''; // Clear previous options

    for (let option in currentOptions) {
        const optionDiv = document.createElement('div');
        optionDiv.classList.add('option-div');
        optionDiv.innerText = option;
        optionDiv.onclick = () => handleOptionClick(currentOptions[option], option);
        container.appendChild(optionDiv);
    }
}

function handleOptionClick(subOptions, selectedOption) {
    path.push(selectedOption); // Update path history

    if (Object.keys(subOptions).length > 0) {
        renderOptions(subOptions); // Render sub-options
    } else {
        // Show the path in an alert
        alert('You have made a selection! Path: ' + path.join(' > '));
        path = []; // Reset path after final selection
        renderOptions(options); // Reset to initial options after selection
    }
}

// Initialize the quiz with the top-level options
renderOptions(options);