Converts the given array elements into <li>
tags and appends them to the list of the given id.
Array.prototype.map()
and Document.querySelector()
to create a list of html tags.const arrayToHTMLList = (arr, listID) =>
document.querySelector(`#${listID}`).innerHTML += arr
.map(item => `<li>${item}</li>`)
.join('');
arrayToHTMLList(['item 1', 'item 2'], 'myListID');
JavaScript, Browser
Converts a NodeList
to an array.
JavaScript, Browser
Creates an element from a string (without appending it to the document). If the given string contains multiple elements, only the first one will be returned.
JavaScript, Browser
Returns an array containing all the siblings of the given element.