JSFiddle - React, Tailwind, and code Playground

by shapeshifta

JavaScript

var list = ['anton', 'berta', 'ceasar', 'ida'];

//lesbar und übersichtlich
var listGood = '<ul><li>' + list.join('</li><li>') + '</li></ul>';

//länger und schwieriger zu verstehen
var listBad = '<ul>';

for(var i=0, max=list.length; i<max; i++){
    listBad += '<li>' + list[i] + '</li>';
}

listBad += '</ul>';

//gleiches Ergebnis
document.write(listGood + listBad);