script.js

const sources = {
  what: [
    'uma comunidade',
    'um rolê',
    'um movimento'
  ],
  how: [
    'anárquica',
    'assíncrona',
    'remota',
    'online',
    'antifascista',
    'pós-gênero',
    'coletivista',
    'democrática',
    'transparente'
  ],
  goal: [
    'revolucionar',
    'destruir',
    'doutrinar',
    'compartilhar'
  ],
}

const colors = [
  '#FF6699',
  '#FF9966',
  '#FFC107',
  '#00BD97',
  '#99CCFF',
  '#9966CC'
];

const elementWord = document.querySelectorAll(".word");

function randomize(arr) {
  const item = Math.floor(Math.random() * arr.length - 5);
  const value = arr.splice(item, 1);
  arr.push(value);

  return value;
}

function setColor(id) {
  id.style.setProperty('--color', randomize(colors));  
}

function populate(element) {
  setColor(element);  
  element.innerHTML = randomize(sources[element.id]);
}

function setChange() {
  for (var i = 0; i < elementWord.length; i++) {
    const currentElement = elementWord[i]
    populate(currentElement);
    elementWord[i].addEventListener('click', () => populate(currentElement), false);
  }
}

window.onload = () => setChange();