let currentStyle = 'alien'; let history = [];

function getRandomElement(array) { return array[Math.floor(Math.random() * array.length)]; }

function generatePlanetName() { const complexity = document.getElementById("complexitySelect").value; const style = nameParts[currentStyle]; let name = '';

// Simple name: prefix + suffix if (complexity === 'simple') { name = getRandomElement(style.prefixes) + getRandomElement(style.suffixes); } // Medium complexity: prefix + middle + suffix else if (complexity === 'medium') { name = getRandomElement(style.prefixes) + getRandomElement(style.middles) + getRandomElement(style.suffixes); } // Complex name: prefix + middle + suffix + ending else { name = getRandomElement(style.prefixes) + getRandomElement(style.middles) + getRandomElement(style.suffixes) + getRandomElement(style.endings); }

// Capitalize first letter name = name.charAt(0).toUpperCase() + name.slice(1);

// Display the name document.getElementById("planetDisplay").textContent = name;

// Add to history history.unshift(name); updateHistory(); }

function setStyle(style) { currentStyle = style;

// Update active button styling document.querySelectorAll('.style-btn').forEach(btn => { btn.classList.remove('active'); }); event.target.classList.add('active');

// Generate a new name with this style generatePlanetName(); }

function updateHistory() { const historyContainer = document.getElementById("historyPlanets"); historyContainer.innerHTML = "";

// Display last 10 names const recentHistory = history.slice(0, 10); recentHistory.forEach(name => { const planetElement = document.createElement("div"); planetElement.className = "history-planet"; planetElement.textContent = name; historyContainer.appendChild(planetElement); }); }

// Generate first name on load window.onload = generatePlanetName;