En el video anterior vimos cómo acceder a contenido ya existente en nuestro documentos.
En este video vamos a ver cómo crear contenido nuevo y vamos a comentar estas líneas.
Y recuerda todo esto está dentro del documental The Bendixen Dom contendores quien nos ha creado un
comentario que diga crear contenido y este debe estar dentro de algunas líneas de comentario.
No era un poco de espacio para que quede al centro de la pantalla.
Y vamos a suponer que queremos crear un contenido aquí en nuestros Aibar así que vamos a poner un bar
salvar iguala documental punto dice el lector nada más tenemos un Sidebar podemos utilizar XLS electo
nada más y acceder a Alcibar lo pongo aquí con solo Lop Sidebar nada más para comprobar que está funcionando
vemos que funciona correctamente puede quitar esto y vamos a crear un nuevo elemento con el nuevo elemento
Bahr nuevo elemento igual a document punto que íbamos a utilizar un nuevo método llamado criadita element.
Qué elemento queremos crear.
Bueno hay que crear un H1 siguiente creamos un nuevo texto igual a document punto y aquí estaremos utilizando
otro nuevo método que se llama Create text.
No queremos poner Hola mundo entonces puedes ver que estamos creando primero la H1 que vendría siendo
como crear algo así H1 y luego creamos concreté text Nott el texto que va a tener el H1 que vendría
siendo el washi pero esto es la forma de hacerlo en JavaScript.
Después vamos a ponerle aquí un nuevo elemento o sea el H1 punto.
Le damos a Pent Child o sea al H1 le vamos a agregar un hijo que vendría siendo el nuevo texto
y por último lo pongo aquí Sidebar en la posición cero y le doy a Pent Child y pongo el nuevo elemento
entonces estamos primeros creando el selector para Alcibar.
Luego creó un nuevo un nuevo elemento que va a ser un H1.
Como dije sería algo así como una H1 y luego concreté text not agregó este mundo y lo inserto aquí a
medias entonces esto ya está en una variable que agrego Alcibar en la posición cero y lo va a insertar
correctamente.
Si guardo cambio si recargo y aquí se
dice en la línea 72 que vendría siendo este si quisiera salvar nada más recargo que aparece Hola Mundo.
Un pequeño error que aparece en el mundo de esta forma
ya tenemos nuestro H1 y tiene el texto de Hola mundo y se le agrega en el bar de forma correcta.
Vamos a ver otro ejemplo supongamos que aquí tenemos la entrada 1 2 3 4 5 y queremos crear la entrada
6 vamos a poner aquí a agregar entradas 6 y ponemos el siguiente texto ponemos enlaces salvar y habíamos
creado un selector parecido a este document punto y le ponemos XLS el lector y vamos a ponerle aquí.
Salvar huele para que no seleccione el 1 Order List y luego veamos creándole enlace
y vamos a ponerle par.
Nuevo Enlace y en mayúscula creamos el documento con valorábamos el enlace con document create element.
Así que recuerda create Element siempre va a crearte un nuevo elemento.
Puedes ver que aquí tenemos Element no todo lo que sea un enlace un H1 etc. es un elemento que tenemos
que utilizar y que iba a ser el tipo a porque los enlaces son de tipo Junker.
Aquí creamos un H1 aquí estamos creando un enlace con la siguiente le pongo Bahr texto enlace aquí estamos
creando el enlace sin embargo el enlace quedaría así vacío nada más.
Entonces necesitamos un texto para ese enlace.
Para eso vamos a crear esta variable texto enlace document punto create text now.
Y aquí lo vamos a poner el texto entradas 6 entradas 6 y luego agregamos ese nuevo enlace o la ponemos
a Pent Chaín y le ponemos texto enlace
después tenemos que crear la lista porque si ves aquí tenemos una logo tenemos una ley así que tenemos
que crear la lista ponemos algún comentario aquí que diga creando la lista
Bahr nueva lista igual a document punto criadita element.
Este va a ser el tipo de Lehi y aquí le ponemos la nueva lista.
Vamos a dar una charla y quiero agregar el nuevo enlace que he creado.
Así estamos creando desde el enlace luego le insertamos el texto y luego le leí le agregamos el enlace
y vamos viendo como lo específico a lo más general y luego tenemos lo agregamos al menú y en este caso
ponemos enlaces Aibar en la posición cero punto a Chile y le damos que queremos que se agregue la nueva
lista guardó cambios en el cargo y vemos que aparece el enlace 6
vemos que no tiene nada el HR-V no tiene nada aquí es donde he creado el enlace le podría poner un nuevo
enlace con todos Zet atributo y esto tal vez donde está sacando el Z puedes dar click aquí en Element
no y ahí usa un método que se llama Zet atributo y puedes ver que dice que será.
Puedes agregar un valor a los nodos atributos.
El primero es el atributo y luego el valor del atributo aquí lo va a poner en el signo de gato y recargo
y si aparece la manita puedo inspeccionar aquí y vemos que aparece HR-V y viene el signo de gato.
Si por ejemplo aquí le pusiera HTTP 2 puntos Diagonal Diagonal Google.com recargo y vemos que aparece
Google.com así que si puedes ir creando elementos en tus interfaces se que es un poco complicado sin
embargo pues es la forma de hacerlo en JavaScript pero una vez que lo entiendas esta forma de trabajo
la verdad te darás cuenta que es muy sencillo hacerlo y muy poderoso sobre todo porque hoy en día la
mayoría de las interfaces de los frameworks modernos de lo que se pide hoy en día realizar se pide que
sea de esta forma ya que las interfaces hechas en JavaScript son más ligeras para el navegador que es
imprimieran.
Todo esto utilizando
un lenguaje como PHP o Java o algo así las interfaces con JavaScript son el futuro.