let currentArchetype = 'netrunner'; let history = [];

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

function generateName() { const style = nameParts[currentArchetype];

// Generate name parts const prefix = getRandomElement(style.prefixes); const middle = getRandomElement(style.middles); const suffix = getRandomElement(style.suffixes);

// Combine name let name = `${prefix}${middle}${suffix}`;

// Display the name document.getElementById("nameDisplay").textContent = `"${name}"`;

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

function setArchetype(archetype) { currentArchetype = archetype;

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

// Generate a new name with this archetype generateName(); }

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

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

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