<section class="preview">

p {
  color: purple;
  margin: 0.5em 0;
}

* {
  box-sizing: border-box;
}

const names = ['Chris', 'Li Kang', 'Anne', 'Francesca', 'Mustafa', 'Tina', 'Bert', 'Jada']
const para = document.createElement('p');
function chooseName(){
  para.textContent = names[Math.floor(Math.random() * names.length)];
  return para;
}
chooseName();
const section = document.querySelector('section');
section.appendChild(para);