v1
- by flowforfrank 2/24/202100
Setup HTML
<ul id="list"></ul>Setup JavaScript
const unorderedList = document.getElementById('list');
const activities= ['🏄', '🚴', '🤸', '🏃'];
ready
activities.forEach(activity => {
const listItem = document.createElement('li');
listItem.innerText = activity;
unorderedList.appendChild(listItem);
});ready
const fragment = new DocumentFragment();
activities.forEach(activity => {
const listItem = document.createElement('li');
listItem.innerText = activity;
fragment.appendChild(listItem);
});
unorderedList.appendChild(fragment);