Dar una buena acogida.
En este video abordaremos la última gran pieza de funcionalidad restante, que es la creación de algo
nuevo que hacer.
Así que aquí en la versión completa solo para refrescar tu memoria de la forma en que funciona es que
puedo escribirte y luego presionar enter.
Entonces no hay ningún botón para hacer clic.
Acabo de presionar enter y eso luego se enviará y me hará una nueva que hacer aquí que puedo
marcar o eliminar.
Entonces empecemos.
Lo primero que debemos hacer es agregar un oyente a la entrada de texto que se dispara cuando presionamos la tecla Intro.
Para hacer eso tenemos algunas opciones.
Podemos usar la tecla presionar o podemos usar para comenzar seleccionando la entrada y no dejarla
como solo entrada.
Voy a ser más específico y decir que el tipo de entrada es igual al texto.
Así que esto afectará a todas las entradas o escriba igual a texto así y luego agregará nuestro DOT y
usaré la tecla presionar aquí tipo de entrada llamadas tecla de texto presionar.
Aquí está la función de devolución de llamada que comenzaremos con un registro alt constante y este registro constante se ejecutará con cualquier
pulsación de tecla, no solo con la tecla Intro.
Así que solo para mantener presionada y guardar, volver al navegador y actualizar y abriremos esto aquí.
Y cuando presiono la tecla, verá que presiono la tecla.
Así que presionaré otra tecla y seguirá subiendo.
Entonces, realmente no queremos hacer nada hasta que el usuario presione la tecla Intro.
Necesitamos cambiar su código un poco en el video donde presentamos el método de pulsación de tecla.
objeto de pulsación de tecla y que corresponde a la tecla que se presionó o al código de carácter de la tecla.
También hablé acerca de qué propiedad en el
Así que vamos a usar eso aquí y vamos a verificar si el código de carácter es 13, que es
el código para la tecla Intro.
Así que tenemos que trabajar con el objeto evento una vez más que se puede llamar lo
que queramos y luego vamos a ejecutar si el evento que triple es igual al número 13, que es la forma en que verificamos la tecla
enter cada carácter tiene su propio código y la tecla enter es 13, entonces haremos un registro constante.
Tocas enter y guardarás volver aquí.
Ahora estoy escribiendo un montón de claves que no entran.
Y ahora voy a presionar enter.
Puede ver que recibimos llamadas sobre el registro.
Usted golpea enter.
DE ACUERDO.
Entonces, en lugar de cancelar el inicio de sesión cuando presionamos Enter, lo que tenemos que
hacer es sacar el texto de aquí extraerlo, hacer un nuevo aliado que luego agreguemos después de este y luego queremos borrar esta entrada para
que el texto desaparezca.
Comenzaremos extrayendo el valor y ese es bastante simple.
Usaremos el método Val.
Entonces queremos que el valor en la entrada que podemos hacer con un voto simple.
Entonces hagamos un agente.
registre esto Darvell recuerde que esto se refiere a la entrada que presionó la tecla al refrescar.
Escriba cualquier cosa que no sea enter.
No pasa nada.
Ahora si presiono ingresar una consola que registra el valor como puede ver, escribo talo y presiono enter.
Así que vamos a guardar eso en una variable.
Vamos a llamarlo para hacer que el texto sea igual a la vocal inicial.
Así que eso es tomar nuevo texto de entrada.
Y luego lo que queremos hacer a continuación es crear un nuevo aliado y agregarlo bien para hacer eso.
Voy a presentar un nuevo método llamado append. La manera en que append funciona es que
primero seleccionamos un elemento para agregar.
Entonces agregaremos que nuestras cosas son para hacer.
Así que agregaremos nuestras deudas a la U. NORTE. en la pagina.
Así que esto lo harás y se agregarán aliados a ese pozo.
Entonces, si lo hago, lo agregaré y puedo darle una cadena de h t m l.
Así que si agrego aliado aquí y acabo de codificar algo para empezar.
Así que este es un nuevo aliado que adjuntamos a esta UL al igual que seleccioné
la UL y esto realmente selecciona todo lo demás.
Solo tenemos uno y luego nos quedamos sin plumas.
Y tomará esta cadena y la agregará al pozo como cada Chimo adentro si así lo desea.
Entonces te mostraré que cuando pulses enter aquí no importa lo que escribimos porque
no lo estamos usando.
Agrega un nuevo aliado.
Y cada vez que presiono enter lo haré y si inspecciono puede ver que es un elemento que
se agregó dentro del pozo, así como estos son elementos similares.
Entonces, lo que queremos hacer a continuación es utilizar la variable do text.
Todo lo que tenemos que hacer es usar el signo más para agregar esa variable.
cierre separadas y usaremos un signo más y agregaremos para hacer texto y esto terminará con una gran cadena
que tiene nuestro texto do, que es lo que el usuario escribió en la entrada más el aliado
de apertura y cierre y te lo estamos enviando a refrescar a tu perro a pie y yo presiono enter y tenemos un nuevo aliado aquí.
Así que tendremos dos etiquetas de línea de apertura y etiquetas de
Entonces hay dos grandes problemas.
Una queremos eliminar esta entrada y dos no tenemos el lapso.
Comencemos limpiando la entrada.
Todo lo que tenemos que hacer es ejecutar el signo de dólar este voto y darle una cadena vacía donde actúa como un setter en lugar
de solo un getter.
Y eso ahora debería darnos una entrada vacía cuando escribo una nueva para hacer todo lo que haga falta para hacer y
esto se borra.
A continuación, obtengamos el lapso para mostrar una copia de seguridad.
Entonces, todo lo que tenemos que hacer allí dentro de nuestro aliado lo agregaremos en una pila de tramos y se agregará.
Y solo debemos asegurarnos de que tenemos la X ahí y el espacio justo para que la X tenga un espacio entre ella
y desnudo para hacer texto.
Y si salvamos, ahora estamos agregando una nueva cadena con un aliado con un lapso dentro de ella.
Así que alimenta al perro y terminamos con el lapso y el nuevo aliado.
Sin embargo, tenemos un problema con este código, que es cuando agrego algo nuevo para hacer como feed cat
y trato de marcar los nuevos.
En realidad no marcan ni eliminan los viejos que todavía tienen.
Entonces el evento en vivo todavía está encendiendo.
Este evento span todavía se activa, pero los nuevos tatuajes que se crean dinámicamente son aquellos que no
están allí cuando la carga de la página no funciona.
De esto es de lo que estaba hablando cuando te mostré esta diapositiva y en la mayoría de los casos dijo rápido
y en Quake ambos haremos el trabajo.
Sin embargo, hay una diferencia clave.
Quick solo agregará oyentes para elementos existentes en agregará oyentes para todos los elementos futuros potenciales.
Y eso es lo que tenemos que hacer aquí es usar porque queremos que esos oyentes estén escuchando
a todos los aliados potenciales.
Así que abre el suministro. Estoy aquí y demostraré cómo podemos usarlo en lugar de rápido.
Por lo tanto, no se trata de cambiar para estar encendido.
Entonces, si solo cambio esto para ser un aliado al hacer clic, simplemente así y lo dejo así.
Básicamente es exactamente lo mismo, excepto con en lugar de rápido.
Y si vuelvo atrás y actualizo los trabajos en los elementos originales y si agrego nuevos, no funciona.
Por lo tanto, no se trata solo de cambiar de forma rápida y rápida.
Bueno, lo que realmente necesitamos hacer es cambiar nuestro código levemente.
Así que primero te mostraré el cambio y luego lo explicaré.
Entonces lo que hice es que te escribí bien en coma rápida.
Por qué.
La razón por la que tuve que hacer esto es que solo podemos agregar un oyente que utiliza la consulta j en los elementos que existen
cuando este código se ejecuta la primera vez.
Y cuando este código se ejecuta la primera vez, no tenemos todos los aliados.
Solo tenemos tres, así que si agregamos un oyente rápido a los aliados, solo se agregará a esos tres.
Entonces, lo que hacemos es agregar un oyente a todo el padre de UL.
Entonces, cada vez que hagamos clic en eso, este oyente disparará.
Excepto que agregamos este segundo argumento.
Y lo que hace este código es que cuando se hace clic en un aliado dentro de a, se ejecutará este código.
Entonces, agregamos un oyente a un elemento que existe cuando se carga la página.
Pero en realidad solo estamos escuchando las mentiras que se hacen clic dentro de eso.
Así que déjame demostrar esto ahora.
Actualizaré y agreguemos algunos nuevos aquí.
Los viejos todavía funcionan y los nuevos también se pueden marcar.
Pero la eliminación no funciona.
Entonces tenemos que regresar y hacer el mismo cambio exacto.
Así que vamos a escuchar un evento que existe cuando la página se carga y luego hacemos clic, pero solo queremos
que este código se ejecute cuando se hace clic dentro de un pozo.
Y si lo dejamos así, deberíamos estar listos para irnos.
Ahora vamos a probarlo.
Podemos eliminar los viejos y los nuevos y también podemos eliminar los dos.
Está bien, así que vamos a resumir algunos de los nuevos materiales aquí.
Lo primero es el método de agregar que puede tomar una cadena de HMO y luego agregará
esos elementos a lo que seleccionamos.
Y lo segundo fue usar encendido en lugar de rápido y agregar esta UL rápidamente.
Y el segundo argumento que especifica los aliados que pueden o no haber estado en la página cuando se cargó
dentro del pozo que definitivamente estaba en la página cuando se cargó la página.
Así que estamos agregando detectores de eventos a los elementos que existen cuando la página se carga para que podamos dar cuenta de
los elementos que aún no están allí.
Eso es todo por nuestra funcionalidad básica.
Tenemos una lista completa de tareas pendientes.
En lo que nos enfocaremos en el siguiente video es el estilo.
Y definitivamente tenemos maneras de llegar allí.