function renderArchetypeTags()

in script.js [105:130]

• 21 lines of code
• 3 McCabe index (conditional complexity)

  function renderArchetypeTags(archetypes) {
    mgArchetypesTags.innerHTML = '';

    if (!archetypes || !archetypes.length) {
      return;
    }

    archetypes.forEach(archetype => {
      const tagElement = document.createElement('div');
      tagElement.className = 'archetype-tag';

      const textElement = document.createElement('span');
      textElement.className = 'archetype-tag-text';
      textElement.textContent = archetype;

      const removeElement = document.createElement('span');
      removeElement.className = 'remove-archetype';
      removeElement.innerHTML = '×';
      removeElement.title = 'Remove this archetype';
      removeElement.addEventListener('click', () => removeArchetype(archetype));

      tagElement.appendChild(textElement);
      tagElement.appendChild(removeElement);
      mgArchetypesTags.appendChild(tagElement);
    });
  }