andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Travis build: 2040

Browse Source
This commit is contained in:
30secondsofcode
2018-05-07 08:34:21 +00:00
parent 21e61ef769
commit a011873e18
3 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

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

7
docs/browser.html
View File

File diff suppressed because one or more lines are too long

6
snippets/arrayToHtmlList.md
View File

@ -6,8 +6,10 @@ Use `Array.map()`, `document.querySelector()`, and an anonymous inner closure to
```js ```js
const arrayToHtmlList = (arr, listID) => const arrayToHtmlList = (arr, listID) =>
(el => (el = document.querySelector('#' + listID), (el => (
el.innerHTML += arr.map(item => `<li>${item}</li>`).join('')))() (el = document.querySelector('#' + listID)),
(el.innerHTML += arr.map(item => `<li>${item}</li>`).join(''))
))();
``` ```
```js ```js