JSFiddle - React, Tailwind, and code Playground

fast + readable js list creation

by bitstarr

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);