Ejercicio Javascript 1
Parte 1: Obtener la lista de elementos de etiqueta ‘p’ y mostrarlos en un alert de JavaScript.
// lista de párrafos en un array
var pes = document.getElementsByTagName('p');
// recorremos el array con un for
var texto = "";
for (i = 0 ; i < pes.length ; i++) {
//Aquí lo mostramos en consola
console.log(pes[i]);
// sin el método innerHTML no podríamos ver el contenido
texto = texto + pes[i].innerHTML;
}
alert(texto);
Parte 2: Añadir un nuevo elemento p con el texto “Texto del nuevo párrafo” y que sea hijo del body.
// Creamos el párrafo y su texto
let p = document.createElement("p");
let pTexto = document.createTextNode("Ejemplo");
// Añadimos el texto al párrafo
p.appendChild(pTexto);
// Añadimos el párrafo como hijo del body
document.body.appendChild(p);