Growing Word and Ungrowing Word

function growingWord() {

  let pElement = document.querySelector('#exercise p');
  let curSize = pElement.style.fontSize.slice(0, -2) * 2 || 2;
  let blueDiv = document.getElementById('blueDiv');
  let greenDiv = document.getElementById('greenDiv');
  let redDiv = document.getElementById('redDiv');

  let isBlue = blueDiv.getAttribute('active') === 'true';
  let isGreen = greenDiv.getAttribute('active') === 'true';
  let isRed = redDiv.getAttribute('active') === 'true';

  if (curSize === 2 || isBlue) {
    pElement.style.color = 'blue';
    blueDiv.setAttribute('active', false);
    greenDiv.setAttribute('active', true);
  } else if (isGreen) {
    pElement.style.color = 'green';
    greenDiv.setAttribute('active', false);
    redDiv.setAttribute('active', true)
  } else if (isRed) {
    pElement.style.color = 'red';
    redDiv.setAttribute('active', false)
    blueDiv.setAttribute('active', true);
  }
  pElement.style.fontSize = `${curSize}px`
}

function ungrowingWord() {

  let pElement = document.querySelector('#exercise p');
  let curSize = pElement.style.fontSize.slice(0, -2) / 2 || 2;
  let blueDiv = document.getElementById('blueDiv');
  let greenDiv = document.getElementById('greenDiv');
  let redDiv = document.getElementById('redDiv');

  let isBlue = blueDiv.getAttribute('active') === 'true';
  let isGreen = greenDiv.getAttribute('active') === 'true';
  let isRed = redDiv.getAttribute('active') === 'true';

  if (curSize === 2 || isBlue) {
    pElement.style.color = 'blue';
    blueDiv.setAttribute('active', false);
    redDiv.setAttribute('active', true);
  } else if (isGreen) {
    pElement.style.color = 'green';
    greenDiv.setAttribute('active', false);
    blueDiv.setAttribute('active', true)
  } else if (isRed) {
    pElement.style.color = 'red';
    redDiv.setAttribute('active', false)
    greenDiv.setAttribute('active', true);
  }
  pElement.style.fontSize = `${curSize}px`
}