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

Build

Browse Source
This commit is contained in:
Angelos Chalaris
2017-12-20 11:59:41 +02:00
parent 08ebac0341
commit d26d4b30e9
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -769,7 +769,7 @@ const zip = (...arrays) => {
### 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. Use `Array.map()` and `document.querySelector()` to create a list of html tags.

2
docs/index.html
View File

@ -527,7 +527,7 @@ If lengths of the argument-arrays vary, <code>undefined</code> is used where no
</code></pre> </code></pre>
</div></div><br/><h2 style="text-align:center;">Browser</h2> </div></div><br/><h2 style="text-align:center;">Browser</h2>
<div class="card fluid"><div class="section double-padded"><h3 id="arraytohtmllist">arrayToHtmlList</h3></div><div class="section double-padded"> <div class="card fluid"><div class="section double-padded"><h3 id="arraytohtmllist">arrayToHtmlList</h3></div><div class="section double-padded">
<p>Converts the given array elements into '&lt;li&gt;' tags and appends them to the list of the given id.</p> <p>Converts the given array elements into <code>&lt;li&gt;</code> tags and appends them to the list of the given id.</p>
<p>Use <code>Array.map()</code> and <code>document.querySelector()</code> to create a list of html tags.</p> <p>Use <code>Array.map()</code> and <code>document.querySelector()</code> to create a list of html tags.</p>
<pre><code class="language-js">const arrayToHtmlList = (arr, listID) =&gt; arr.map(item =&gt; document.querySelector(&quot;#&quot;+listID).innerHTML+=`&lt;li&gt;${item}&lt;/li&gt;`); <pre><code class="language-js">const arrayToHtmlList = (arr, listID) =&gt; arr.map(item =&gt; document.querySelector(&quot;#&quot;+listID).innerHTML+=`&lt;li&gt;${item}&lt;/li&gt;`);
// arrayToHtmlList(['item 1', 'item 2'],'myListID') // arrayToHtmlList(['item 1', 'item 2'],'myListID')

2
snippets/arrayToHtmlList.md
View File

@ -1,6 +1,6 @@
### 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. Use `Array.map()` and `document.querySelector()` to create a list of html tags.