DOM reducing

domReducing.js

const renderSample = text => {
    const div = document.createElement('div');
    div.className = 'my-shiny-div';
    const textNode = document.createTextNode(text);
    div.appendChild(textNode);
    return div;
}

const titles = ['hello', 'yep', 'nope', 'maybe', 'goodbye'];

const titleDiv = titles.reduce((accum, current) => {
     accum.appendChild(renderSample(current));
     return accum;
}, document.createElement('div'));

/* result: 
    <div>
        <div class="my-shiny-div">hello</div>
        <div class="my-shiny-div">yep</div>
        <div class="my-shiny-div">nope</div>
        <div class="my-shiny-div">maybe</div>
        <div class="my-shiny-div">goodbye</div>
    </div>
*/