Creación de elementos en bucle en JavaScript
En lecciones anteriores creamos un nuevo elemento a la vez. Ahora hagamos que los nuevos elementos se creen en un bucle.
Por ejemplo, supongamos que tenemos este div principal:
<div id="parent"></div>
Ejecutemos un bucle que agregue
9 nuevos párrafos al final de nuestro div:
let parent = document.querySelector('#parent');
for (let i = 1; i <= 9; i++) {
let p = document.createElement('p');
p.textContent = '!';
parent.appendChild(p);
}
Dada una ul vacía. Ejecuta un bucle que inserte
10 etiquetas li en ella. Haz
que el texto de cada li sea su número de orden.