Si a alguien le sirve, aquí está mi versión del código de Álvaro

//Localizamos el elemento padre
const   children= Array.from(parent.children),                          
       divParent= children.filter(child=>child.children.length>0)[0]   //Padre del nuevo elemento       
       
//Localizamos el elemento específico sobre el cual queremos insertar uno nuevo
let     grandson3= Array.from(divParent.children)
       grandson3= grandson3.filter(e=>e.textContent.trim()==="Nieto 3")[0]

//Creamos el nuevo elemento y lo colocamos sobre grandson3
const newElement= document.createElement('h2')
newElement.textContent= "Soy un nuevo Elemento"
divParent.insertBefore(newElement, grandson3)```

Hola, Quisiera hacer un aporte: Noté que el código no incluye la opción de quitar el menú contextual, sólo cambia de lugar al hacer click derecho en otro sitio. Al añadir el siguiente código se puede quitar el menú contextual haciendo click izquierdo. Como en cualquier software:

document.addEventListener('click', e =>{
   e=document.getElementById('context-menu')
   if(e) document.addEventListener('click', document.body.removeChild(e))
}) ```

¿En el desarrollo frontend que tan complejas son las matemáticas que se manejan? Es álgebra básica o necesito matemáticas más avanzadas como algebra lineal o cálculo.

Yo los conocí cuando me topé con una de sus infografías en Facebook. Ahora tengo una suscripción premium.

Si a alguien le sirve, aquí está mi versión del código de Álvaro

//Localizamos el elemento padre
const   children= Array.from(parent.children),                          
       divParent= children.filter(child=>child.children.length>0)[0]   //Padre del nuevo elemento       
       
//Localizamos el elemento específico sobre el cual queremos insertar uno nuevo
let     grandson3= Array.from(divParent.children)
       grandson3= grandson3.filter(e=>e.textContent.trim()==="Nieto 3")[0]

//Creamos el nuevo elemento y lo colocamos sobre grandson3
const newElement= document.createElement('h2')
newElement.textContent= "Soy un nuevo Elemento"
divParent.insertBefore(newElement, grandson3)```

Hola, Quisiera hacer un aporte: Noté que el código no incluye la opción de quitar el menú contextual, sólo cambia de lugar al hacer click derecho en otro sitio. Al añadir el siguiente código se puede quitar el menú contextual haciendo click izquierdo. Como en cualquier software:

document.addEventListener('click', e =>{
   e=document.getElementById('context-menu')
   if(e) document.addEventListener('click', document.body.removeChild(e))
}) ```

¿En el desarrollo frontend que tan complejas son las matemáticas que se manejan? Es álgebra básica o necesito matemáticas más avanzadas como algebra lineal o cálculo.

Yo los conocí cuando me topé con una de sus infografías en Facebook. Ahora tengo una suscripción premium.

Si a alguien le sirve, aquí está mi versión del código de Álvaro

//Localizamos el elemento padre
const   children= Array.from(parent.children),                          
       divParent= children.filter(child=>child.children.length>0)[0]   //Padre del nuevo elemento       
       
//Localizamos el elemento específico sobre el cual queremos insertar uno nuevo
let     grandson3= Array.from(divParent.children)
       grandson3= grandson3.filter(e=>e.textContent.trim()==="Nieto 3")[0]

//Creamos el nuevo elemento y lo colocamos sobre grandson3
const newElement= document.createElement('h2')
newElement.textContent= "Soy un nuevo Elemento"
divParent.insertBefore(newElement, grandson3)```

Hola, Quisiera hacer un aporte: Noté que el código no incluye la opción de quitar el menú contextual, sólo cambia de lugar al hacer click derecho en otro sitio. Al añadir el siguiente código se puede quitar el menú contextual haciendo click izquierdo. Como en cualquier software:

document.addEventListener('click', e =>{
   e=document.getElementById('context-menu')
   if(e) document.addEventListener('click', document.body.removeChild(e))
}) ```

¿En el desarrollo frontend que tan complejas son las matemáticas que se manejan? Es álgebra básica o necesito matemáticas más avanzadas como algebra lineal o cálculo.

Yo los conocí cuando me topé con una de sus infografías en Facebook. Ahora tengo una suscripción premium.

Si a alguien le sirve, aquí está mi versión del código de Álvaro

//Localizamos el elemento padre
const   children= Array.from(parent.children),                          
       divParent= children.filter(child=>child.children.length>0)[0]   //Padre del nuevo elemento       
       
//Localizamos el elemento específico sobre el cual queremos insertar uno nuevo
let     grandson3= Array.from(divParent.children)
       grandson3= grandson3.filter(e=>e.textContent.trim()==="Nieto 3")[0]

//Creamos el nuevo elemento y lo colocamos sobre grandson3
const newElement= document.createElement('h2')
newElement.textContent= "Soy un nuevo Elemento"
divParent.insertBefore(newElement, grandson3)```

Hola, Quisiera hacer un aporte: Noté que el código no incluye la opción de quitar el menú contextual, sólo cambia de lugar al hacer click derecho en otro sitio. Al añadir el siguiente código se puede quitar el menú contextual haciendo click izquierdo. Como en cualquier software:

document.addEventListener('click', e =>{
   e=document.getElementById('context-menu')
   if(e) document.addEventListener('click', document.body.removeChild(e))
}) ```

¿En el desarrollo frontend que tan complejas son las matemáticas que se manejan? Es álgebra básica o necesito matemáticas más avanzadas como algebra lineal o cálculo.

Yo los conocí cuando me topé con una de sus infografías en Facebook. Ahora tengo una suscripción premium.