JSFiddle - React, Tailwind, and code Playground

by Matt Howey

HTML

<div id='out1'></div>
<div id='out2'></div>
<div id='out3'></div>

JavaScript

let myList = ['Amy','Arnold','Alice','Bill','Bob','Charles','Chuck', 'David', 'Dolan', 'Erin', 'Ernie', 'Frank', 'Fred', 'Frieda', 'George',
'Gail', 'Grayson', 'Henry', 'Hilda', 'Ignacious', 'Jackie', 'Jeffrey', 'John', 'Kevin', 'Larry', 'Matthew']

// the full array...
document.getElementById('out1').innerHTML = myList.slice()

// output the first half of the array elements...
document.getElementById('out2').innerHTML = myList.slice(0, myList.length/2)

// output the second half of the array elements...
document.getElementById('out3').innerHTML = myList.slice(myList.length/2, myList.length)