Как написать функцию, которая изменяет текст во всех областях?

Нужно написать такую функцию, которая будет принимать в себя такой текст (`We are living in a yellow submarine. We don't have anything else.`)

И следуя таким настройкам:

`<upcase>text</upcase>` в верхний регистр.
`<lowcase>text</lowcase>` в нижний регистр. 
`<mixcase>text</mixcase>` to mix casing (случайный)

Мы должны на выходе получить вот это сообщение в консоль: `We are LiVinG in a YELLOW SUBMARINE. We dOn'T have any-thing else.`

Написала только вот такой кусочек кода, а дальше не могу понять

function task() {
  let upcase = document.getElementsByTagName('upcase');
  let lowcase = document.getElementsByTagName('lowcase');
  let mixcase = document.getElementsByTagName('mixcase');

  for(let i = 0; i < upcase.length; i++) {
    upcase[i].innerText = upcase[i].innerText.toUpperCase();
  }

  for(let a = 0; a < lowcase.length; a++) {
    lowcase[i].innerText = lowcase[i].innerText.toLowerCase();
  }

}