<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');
const shortNames = names.filter(name => name.length < 5);
para.textContent = shortNames;
const section = document.querySelector('section');
section.appendChild(para);