function selectGender(gender) { currentGender = gender; const options = document.querySelectorAll('.gender-option'); options.forEach(opt => { opt.classList.remove('selected'); if (opt.textContent.toLowerCase() === gender) { opt.classList.add('selected'); } }); }

function switchTab(tab) { const tabs = document.querySelectorAll('.tab'); tabs.forEach(t => t.classList.remove('active')); event.target.classList.add('active'); selectGender(tab); }

function generateDivineName() { const name = document.getElementById('name').value.trim(); const birthMonth = document.getElementById('birthMonth').value; const personality = document.getElementById('personality').value;

if (!name || !birthMonth || !personality) { alert("Please fill in all fields to discover your divine name."); return; }

// Pantheons const pantheons = [ "Greek", "Roman", "Norse", "Egyptian", "Celtic", "Hindu", "Japanese", "Aztec", "Slavic", "Yoruba" ];

// Name components for gods const godPrefixes = [ "Ze", "Odin", "Thor", "Apoll", "Dionys", "Hephaest", "Herm", "Ares", "Poseid", "Hades", "Ra", "Anub", "Osir", "Horus", "Set", "Lugh", "Dagda", "Cernunn", "Perun", "Veles" ];

const godSuffixes = [ "on", "us", "ir", "an", "os", "es", "ar", "un", "ix", "or" ];

// Name components for goddesses const goddessPrefixes = [ "Athen", "Artem", "Hest", "Hera", "Aphrod", "Demet", "Persephon", "Freya", "Frigg", "Is", "Bast", "Sekhmet", "Hath", "Morr", "Brig", "Danu", "Amater", "Ixchel", "Oshun", "Yeman" ];

const goddessSuffixes = [ "a", "ia", "is", "e", "ra", "na", "tha", "sa", "ja", "va" ];

// Personality traits const traitMeanings = { "wisdom": "Keeper of ancient knowledge and divine insight", "war": "Champion of battles and protector of the righteous", "love": "Embodiment of passion, beauty, and desire", "nature": "Guardian of the wild places and all living things", "magic": "Weaver of spells and knower of hidden truths", "justice": "Bringer of balance and enforcer of divine law", "chaos": "Trickster who upends order and brings change", "healing": "Restorer of health and mender of broken things" };

const traitSymbols = { "wisdom": "Owl, book, or glowing orb", "war": "Sword, shield, or warhammer", "love": "Rose, dove, or heart", "nature": "Oak tree, stag, or vine", "magic": "Crystal, moon, or star", "justice": "Scales, gavel, or blindfold", "chaos": "Fox, dice, or broken chain", "healing": "Serpent, cup, or herb bundle" };

// Generate name const pantheon = pantheons[Math.floor(Math.random() * pantheons.length)]; let divineName = "";

if (currentGender === 'god') { const prefix = godPrefixes[Math.floor(Math.random() * godPrefixes.length)]; const suffix = godSuffixes[Math.floor(Math.random() * godSuffixes.length)]; divineName = prefix + suffix; } else { const prefix = goddessPrefixes[Math.floor(Math.random() * goddessPrefixes.length)]; const suffix = goddessSuffixes[Math.floor(Math.random() * goddessSuffixes.length)]; divineName = prefix + suffix; }

// Add title based on first letter of name const firstLetter = name.charAt(0).toUpperCase(); const titles = { 'A': "the Almighty", 'B': "the Bold", 'C': "the Creator", 'D': "the Divine", 'E': "the Eternal", 'F': "the Fearless", 'G': "the Great", 'H': "the Holy", 'I': "the Infinite", 'J': "the Just", 'K': "the Kingly", 'L': "the Legendary", 'M': "the Magnificent", 'N': "the Noble", 'O': "the Omnipotent", 'P': "the Powerful", 'Q': "the Quick", 'R': "the Radiant", 'S': "the Supreme", 'T': "the Thunderous", 'U': "the Unconquered", 'V': "the Valiant", 'W': "the Wise", 'X': "the Xenial", 'Y': "the Youthful", 'Z': "the Zealous" };

const title = titles[firstLetter] || "the Divine";

// Display results document.getElementById('divineName').textContent = `${divineName}, ${title}`; document.getElementById('divinePantheon').textContent = `${pantheon} Pantheon`; document.getElementById('divineMeaning').textContent = traitMeanings[personality]; document.getElementById('divineSymbols').textContent = `Sacred Symbols: ${traitSymbols[personality]}`; document.getElementById('divineMessage').textContent = `${name}, you are blessed with the essence of ${divineName}, ` + `${currentGender === 'god' ? 'god' : 'goddess'} of ${personality}. ` + `May you walk with divine purpose.`;

document.getElementById('result').style.display = 'block'; }