¡Crea código HTML REUTILIZABLE con la etiqueta TEMPLATE! ¡Sin librerías!

[@johnangelmx]

Buah , me encantas los directos , pero los videos editados es lo que estaba esperando , gracias manz!

[@ManzDev]

¡Gracias John Angel MX! Sé que no subo demasiados, pero intentaré editar lo máximo posible.

[@djvarela]

Me vine especialmente a volver a ver este video, para un proyecto!. Gracias al buen Manz!

[@aabonillam]

Gracias por tan excelente contenido.! Por favor me podrias aclarar una duda, si en el template tengo varias etiquetas iguales, es decir, varios que tienen diferente contenido, como hago para identificarlos para cambiar el texto de forma dinamica.? tendria que colocarle un id a cada etiqueta, obviamente las que se repitan... Gracias.!

[@ManzDev]

Hola @aabonillam! Los `id` se usan solo en situaciones especiales, lo ideal sería añadirles una clase lo suficientemente única (si quieres usarlos por separado) o similar si vas a usarlos por grupo. Te aconsejaría echar un vistazo al post de querySelector de Javascript, mediante el cuál puedes seleccionarlos: lenguajejs.com/javascript/dom/seleccionar-elementos-dom/

[@kbl850]

Me encanta. Un video menos de una hora de ManzDev, pensé que era un error :) . La información siempre es oro ya se en formato corto o extendido

[@ManzDev]

¡Ahora también en KZbin! 😂

[@kevincotes5184]

Buen formato Manz, súper necesario por lo menos para mí

[@ManzDev]

¡Muchas gracias, Kevin!

[@5anticot782]

Hola ManzDev, muy buena e interesante tu explicación 👍👍. Tengo una duda, hay alguna forma de aprovechar esta "técnica" de modo que pueda reciclar un mismo código en diferentes páginas HTML? por ejemplo, para reutilizar un menú?

[@ManzDev]

Puedes crear un fichero `.js` que cree una constante o variable con código HTML dentro de una etiqueta a través de los elementos del DOM. Luego, simplemente, importas esa constante desde las páginas que necesitas. En el futuro se podrá hacer import de ficheros HTML, pero aún no está soportado en navegadores. Busca el apartado del DOM de lenguajejs.com y ahí tienes bastante información.

[@Marleto41]

Saludos Profe..!!! Existosssssssssss

[@ManzDev]

¡Abrazo!

[@agustinfernandez8876]

Si, hay gente que llega :D

[@reiviciando6038]

Muchas Gracias es una información muy util. Saludos!

[@ManzDev]

¡Gracias a ti por el comentario, ReiViciando!

[@skev7094]

Me encanta tu cursosor, como haces ese efecto?

[@ManzDev]

Es una extensión, se llama PowerMode: manz.dev/software/vscode/

[@skev7094]

@@ManzDev Muchas gracias tu editor se ve super cool.

[@marielfigueroacolmenares1869]

excelente video, quisiera saber como en ese mismo template puedo acceder al src para cambiar de imagen

[@ManzDev]

Hola Mariel, Lo que buscas creo que es la manipulación del DOM: lenguajejs.com/javascript/dom/insertar-elementos-dom/ Con eso, puedes acceder al HTML desde Javascript y modificar las etiquetas, su contenido o atributos o valores para cambiarlos, como por ejemplo, el atributo src de una imagen.

[@HencyLara]

Como puedo enviar el contenido de ese template a otro documento html de mi mismo sitio web?

[@ManzDev]

No sé si he entendido bien la pregunta. Quizás si me dices que es lo que quieres conseguir, puedo responderte y entenderte mejor.