// Function to extract array from span content
const getItemsFromSpan = (spanId) => {
    const span = document.getElementById(spanId);
    if (span) {
        return span.textContent.split(',').map(item => item.trim());
    }
    return [];
};

// Load actions and objects from spans
let actions = [];
let objects = [];

// Load after DOM is ready
document.addEventListener('DOMContentLoaded', () => {
    actions = getItemsFromSpan('actions');
    objects = [
        ...getItemsFromSpan('objects'),
        ...getItemsFromSpan('object-tools')
    ];
});

// Function to get a random item from an array
const getRandomItem = (arr) => arr[Math.floor(Math.random() * arr.length)];

// Function to generate random function names
const generateFunctionName = () => {
    const action = getRandomItem(actions);
    const object = getRandomItem(objects);

    // Randomly decide if a compound object name should be created
    const compound = Math.random() > 0.7;
    if (compound) {
        const secondObject = getRandomItem(objects);
        return `${action}-${object}-${secondObject}`;
    }

    return `${action}-${object}`;
};

// Generate a list of random function names
const generateFunctionNames = (count = 10) => {
    const names = [];
    for (let i = 0; i < count; i++) {
        names.push(generateFunctionName());
    }
    return names;
};

// Display the function names on the page
const displayFunctionNames = () => {
    const container = document.getElementById('function-names');
    container.innerHTML = generateFunctionNames().map(name => `<li>${name}</li>`).join('');
};

// Run on page load
document.addEventListener('DOMContentLoaded', displayFunctionNames);

// Add event listener to the button
document.addEventListener('DOMContentLoaded', () => {
    const button = document.getElementById('generate-function-names');
    if (button) {
        button.addEventListener('click', displayFunctionNames);
    }
});