Elementtien luominen taulukosta JavaScriptillä
Oletetaan, että meillä on jokin taulukko:
let arr = [1, 2, 3, 4, 5];
Oletetaan myös, että meillä on jokin pääelementti:
<div id="parent"></div>
Lisätään pääelementtiimme uusia kappaleita, joiden tekstinä ovat taulukkomme elementit.
Toteutetaan kuvattu:
let parent = document.querySelector('#parent');
let arr = [1, 2, 3, 4, 5];
for (let elem of arr) {
let p = document.createElement('p');
p.textContent = elem;
parent.appendChild(p);
}
Muokkaa koodiani siten, että kun kappaleeseen klikataan, siihen lisätään yksi.
