JSFiddle - React, Tailwind, and code Playground

HTML

<div id="poem">
</div>

CSS

#poem {
  width: 100vw;
  height: 100vh;
}

JavaScript

var nouns = [`cornflake`,`walrus`,`eggman`,`penguin`,`custard`,`fishwife`];

// another way to write this:
// var nouns = "cornflake,walrus,eggman,penguin,custard,fishwife".split(",");

var phrases = [`i am the `,`you are the `,`there is a `,`sitting on a `,`waiting for the `];

// function r(n) {
//   return Math.floor(Math.random()*n);
// }

// function l(array) {
//   return array.length;
// }

function write() {
  // for (i = 0; i < 6; i++) {
    let line = document.createElement(`div`);
    // line.innerHTML = phrases[Math.floor(Math.random()*phrases.length)] + ` ` + nouns[Math.floor(Math.random()*nouns.length)];
    // line.innerHTML = phrases[r(l(phrases))] + ` ` + nouns[r(l(nouns))];
  
    // line.style.position = `absolute`;
    // line.style.left = `${Math.random()*100}%`;
    // line.style.top = `${Math.random()*100}%`;
    // line.style.color = `rgba(${r(255)},${r(255)},${r(255)},${Math.random()})`;
  
    let poem = document.querySelector(`#poem`);
    poem.appendChild(line);
  // }
}

// write();
// setInterval(write, 1000);