Files
30-seconds-of-code/snippets/arrayToHtmlList.md
30secondsofcode a011873e18 Travis build: 2040
2018-05-07 08:34:21 +00:00

18 lines
477 B
Markdown

### arrayToHtmlList
Converts the given array elements into `<li>` tags and appends them to the list of the given id.
Use `Array.map()`, `document.querySelector()`, and an anonymous inner closure to create a list of html tags.
```js
const arrayToHtmlList = (arr, listID) =>
(el => (
(el = document.querySelector('#' + listID)),
(el.innerHTML += arr.map(item => `<li>${item}</li>`).join(''))
))();
```
```js
arrayToHtmlList(['item 1', 'item 2'], 'myListID');
```