<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 random (min,max) {
  return Math.floor((Math.random() * (max - min + 1)) + min);
}
function chooseName(arr) {
  return arr[random(0,arr.length-1)];
}
para.textContent = chooseName(names);

const section = document.querySelector('section');
section.appendChild(para);