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

Update arrayToHtmlList.md

Browse Source
This commit is contained in:
Angelos Chalaris
2017-12-20 11:08:42 +02:00
committed by GitHub
parent 91d3068770
commit c6d1e63bfd
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
snippets/arrayToHtmlList.md
View File

@ -1,10 +1,10 @@
### arrayToHtmlList ### arrayToHtmlList
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.
```js ```js
const arrayToHtmlList = (arr, listID) => arr.map(item => document.querySelector("#"+listID).innerHTML+=`<li>${item}</li>`); const arrayToHtmlList = (arr, listID) => arr.map(item => document.querySelector("#"+listID).innerHTML+=`<li>${item}</li>`);
// arrayToHtmlList(['item 1', 'item 2'],'myListID')
``` ```