Desbloqueo de JavaScript: conceptos básicos y más

1. Introducción: Hola. Mi nombre es John Shokar, y soy el instructor de este curso Honestamente, es el mejor curso que he construido. Ahora bien, ¿por qué sobre JavaScript? Actualmente, Java Script es el lenguaje más importante del mundo entero. Pero hay muchos recursos por ahí que pueden enseñarte JavaScript. Pero muchos de ellos están desactualizados. De lo contrario, no está completo. La mayoría de los cursos te enseñan la versión anterior de Java Script. Pero en este curso, vamos a completar Core Java Script y Java Script avanzado juntos. Con eso, también te voy a dar cuestionarios, prácticas y ejercicios Vamos a iniciar Java Script desde el principio y paso a paso, voy a cubrir todos los conceptos modernos. Entonces, sin perder mucho tiempo, veamos qué vamos a aprender exactamente de este curso. Este curso se divide en dos partes, Código Javascript parte y Javascript avanzado parte. Veamos qué vamos a aprender en código Javascript parte. Al principio, te voy a dar la breve introducción de Java Script. Entonces vamos a aprender ¿cómo podemos implementar JavaScript? Con eso, vamos a aprender, ¿cómo podemos agregar etiquetas de estimación en Javascript? Entonces vamos a aprender comentarios variables Qué es la variable at y contras, tipos de datos, todo tipo de operadores, declaraciones if, operador ternario condicional, sentencia switch case, caja de alerta, cuadro confirmación, cuadro de aviso , etcétera A continuación, vamos a aprender funciones, variables globales y locales, eventos y todo tipo de bucles. A continuación, vamos a iniciar matrices JavaScript, y una por una, voy a completar todos los métodos de matriz. Después de eso, te voy a presentar, qué son los objetos JavaScript. Entonces uno por uno, voy a cubrir todos los métodos de mapa, métodos de cadena, métodos numéricos, métodos fecha, métodos de mapa. A continuación, vamos a iniciar la parte más importante de Java Script, que es Dom document object model. Vamos a aprender métodos de focalización, métodos Gate y set value, selector de consultas, métodos estilo CSS, listener Addvn, nodos padre e hijo, todo sobre hermanos, todo lo relacionado con Dom A continuación, vamos a aprender otra parte importante de JavaScript, que es la bomba. Bomb significa modelo de objeto de navegador. On by one, voy a cubrir todas las propiedades de la bomba. Vamos a aprender a realzar con método de navegador, abrir, cerrar, ubicación, scroll, etcétera A continuación, vamos a saltar a la sección de javascript avanzado. Aquí, nuevamente, vamos a aprender variable de costo tardío. ¿Cuál es la diferencia entre este tipo de variable? Además, vamos a aprender cadena de plantilla, función de flecha, operador de reposo, operador de pulverización, literales de objetos, matriz de desestructuración, objeto de desestructuración, etcétera Entonces viene la parte más importante de este video, que es la programación orientada a objetos. Aquí vamos a aprender clases, módulo, promesa, promis, az X. Con eso, también, te voy a dar la breve introducción de API, asincrónica en función, símbolo, iteradores, generadores, modo calle, manejo de errores, manejo de errores Después de eso, voy a actualizar muchos proyectos con respecto a JavaScript. Se trata de un paquete completo de JavaScript. ¿A qué esperas? Comencemos el viaje juntos. 2. Tutorial de implementación de JavaScript: Hola chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender cómo podemos implementar el script Java en nuestro ESTL five Si quieres implementar JavaScript en tu página web, entonces tenemos un total de dos meto En PAS JavaScript y JavaSC externo. Hablemos de IPAs Java Script. En la página Java Script, puedes poner el script Java directamente en la página de estimación Como puedes ver, este es el código de plantilla de caldera de est. Y además, se puede ver dentro de la etiqueta de la cabeza, utilizamos la etiqueta script. Si quieres usar JavaScript en una página de EstiML, en ese caso, necesitas usar la etiqueta script Etiqueta de script utilizada para scripting cliente st. Si quieres usar script VV, de lo contrario, Java Script, en ese caso, necesitas usar esta etiqueta De lo contrario, puedes usarlo en cualquier lugar dentro de la etiqueta corporal. La mayoría de los desarrolladores usan etiqueta script antes del final de la etiqueta body, ya que si escribes Javascript en tu etiqueta head y tu archivo de script Dava es muy pesado, ahí puede llevar tiempo cargar la página, y puede ralentizar la velocidad de la página Es por eso que la mayoría de los desarrolladores utilizan JavaScript final de esta etiqueta body. Este es el proceso de página que puedes usar JavaScript. Hay otro método, que es el proceso externo. Supongamos que crea un archivo JavaScript usando la extensión Dogs. Y puedes tomar cualquier nombre para este archivo. En nuestro caso, Script Dot. Y recuerda, sin la extensión Dodges, no puedes crear un archivo JavaScript. Entonces necesitas poner este archivo dentro de esta etiqueta de cabeza. Déjame mostrarte cómo puedes implementar archivo JavaScript externo en tu página de estimación. Como puede ver, dentro de la etiqueta head, necesita tomar la etiqueta Script, y luego necesita usar un atributo particular llamado SRC Y luego necesitas proporcionar la ruta del archivo Script dot JS. Y luego hay que cerrar esta etiqueta de script. Se ejecuta automáticamente el archivo JavaScript en su página ETL Entonces comencemos la práctica y veamos cómo podemos implementarla. Como puedes ver en tu pantalla lado a lado, abro mi editor de código viste y mi navegador usando la extensión Live Server, y ya creo documento ESTL llamado index dot STL Al principio, dentro de la etiqueta de la cabeza, y después de la etiqueta del título, voy a tomar la etiqueta Script. Entonces H voy a escribir guión. Después dentro de esta etiqueta script, podemos iniciar nuestra pantalla Java. Si quieres escribir algo en la pantalla de Java, entonces necesitas usar un comando particular para eso. Voy a iniciar este tutorial con un comando básico, y nuestro comando es document dot right. Punto de documento a la derecha. Después dentro de los paréntesis, dentro de los códigos dobles, voy a escribir hola palabra Recuerda, después de esta declaración, necesitas usar secodon, para terminar esta línea Ahora la pregunta es, ¿cuál es el significado de esta línea? ¿Qué es el documento? El documento es un objeto, que representa toda tu página web. Si quieres acceder a algún elemento en la página ESTL, entonces siempre comienzas por acceder al objeto de documento Fijemos el expediente y veamos qué pasó. Si configuro este archivo, como pueden verlo imprimir hola mundo. Este fue el ejemplo del PCSS. Y si quieres agregar algún contenido nuevo en este documento, entonces puedes duplicar esta línea. Acabo de dublar esta línea y cómo voy a pasar otra declaración Yo soy añadir uno. Si configuro este archivo, como pueden ver, sprint Hola mundo, soy d uno. Pero no proporciona ningún espacio entre estos dos aromas. Para eso, puedes proporcionar espacio upr world. Si configuro este archivo, ahora puedes ver este espacio. Hola mundo, soy anuncio uno. Como te dije antes, podemos usar la etiqueta script dentro de nuestra etiqueta corporal. Aquí, voy a volver a escribir script tag. Calle, y aquí, una vez más, voy a escribir documento punto escribir. Está en el paréntesis, voy a pasar oye Si configuro este archivo, puedes ver el resultado. Hola, voy a agregar uno, oye. Si quieres escribir algo entre estas dos etiquetas de script, sí, puedes. Puedes usar esta etiqueta. Voy a usar H una etiqueta, H una. Es la etiqueta H una, voy a escribir algún día ted. Como se puede ver, proporciona dos maniquí. Si configuro este archivo, aquí se puede ver en mi navegador, primero d imprimir. Hola más, estoy agregando uno de nuestra primera etiqueta script, y luego imprimes o esmal content, H one tag content, Laura MPson, y Aa print, él de otra etiqueta script Este es el método básico en la página. Aquí podemos usar Java Strip usando la etiqueta Script en nuestro archivo STL Y ahora te voy a mostrar el método externo. Aquí voy a crear archivo JavaScript externamente. Y luego voy a importar este archivo JavaScript en este documento STL Déjame mostrarte. Al principio, te voy a mostrar mi directorio de trabajo actual. Y en este directorio, voy a crear una nueva carpeta, y nuestro nombre de carpeta es JS. Dentro de esta carpeta JS, voy a crear un archivo JavaScript. Para eso, voy a crear un nuevo archivo. Y nuestro nombre de archivo es Script dot JS. JS es nuestra extensión. Entonces alabo entrar. Como puedes ver, crea un archivo JavaScript en nuestro directorio de órganos. Puedes tomar cualquier nombre para tu archivo. Y aquí ya no necesitamos usar slip tech. Podemos escribir directamente nuestro comando. Déjame mostrarte. Entonces aquí voy a escribir documento punto derecho y aquí voy a usar paréntesis Es este paréntesis, se pueden tomar comillas dobles, de lo contrario, códigos simples Aquí voy a usar comillas dobles. Después de comillas dobles, voy a terminar esta línea con punto y coma Entre los códigos dobles, voy a escribir el contenido, y aquí voy a escribir Hey. Hola otra vez. Hola otra vez. Y voy a decir este expediente. Ahora necesitamos incluir el archivo JS externo en nuestro punto índice un archivo estable. Entonces primero, voy a quitar esta etiqueta de paso. De nuevo, voy a escribir etiqueta de paso aquí. Recta. Dije la etiqueta skip, necesitamos usar el atributo source, S RC. Igual a, y ahora necesitamos proporcionar la ruta de este archivo JS de punto Script. Como puedes ver, nuestro archivo se encuentra dentro de esta carpeta JS. Aquí necesitamos escribir JA, s o archivo, script punto J. Así que si configuro este archivo, puedes ver el resultado. Hola otra vez. Estas líneas provienen de un archivo JavaScript externo, Script dot JS, e incluimos este archivo en nuestra página estable usando el atributo source. Espero que ahora te quede claro, cómo podemos usar Page Java Script y Java externo s. gracias por ver este video, estado une para nuestro próximo Tutorial. 3. Tutorial de agregar etiquetas de Html en JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender ¿cómo podemos agregar etiqueta estel en JavaScript Sin perder el tiempo, comencemos la práctica. Aquí puedes ver lado a lado, abro mi código Visa Studio y mi navegador usando la extensión Lip Server, y ya creo un documento ESTEML index dot STL En nuestro tutorial anterior, aprenderemos cómo podemos agregar JavaScript en nuestra página de ESTL Pero en este tutorial, vamos a aprender cómo podemos agregar la etiqueta ETML en JavaSC Aquí puedes ver que no hay espacio entre hello word y mensajería instantánea Es imprimir tanto el documento en una línea, pero quiero una línea diferente para este objeto dos. Para eso, podemos usar break tag de STML. Después hola palabra, voy a usar esta etiqueta B R. Si configuro este archivo, se puede ver el resultado. Primero se imprime Hola Mundo, luego se imprime, soy el Anuncio uno. Recuerda, puedes usar esta etiqueta BA solo dentro de los códigos dobles. Si utilizo múltiples etiquetas BA, déjame mostrarte B R y luego establecer este archivo. Como pueden ver, es mantener otra línea. Ahora quiero que nuestra segunda frase sea. Para eso, voy a usar. Déjame mostrarte. Esta es la etiqueta de inicio, y después de agregar una, voy a escribir nuestra etiqueta de cierre. Si configuro este archivo, puedes ver el resultado. Conducir nuestra sentencia, cursiva. Quiero decir que puedes usar cualquier etiqueta estel dentro de los códigos dobles Ahora la pregunta es, ¿por qué usamos esta etiqueta ESTEML dentro del JavaScript Porque JavaScript puede crear contenido dinámicamente. Podemos usar esta etiqueta con eventos particulares de JavaScript. Supongamos que quieres hacer que tu contenido más audaz usando un ck En ese caso, es necesario usar JavaScript. En nuestro próximo tutorial, vamos a aprender cómo podemos usar esta etiqueta de una manera adecuada. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 4. Tutorial de comentarios de JavaScript: Hola chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Javascript. En este tutorial, vamos a aprender comentarios de JavaScript. Ahora la pregunta es, ¿cuál es el uso del comentario? Los comentarios de Java Strip se pueden usar para explicar código Java Strip y hacerlo más legible. Además, se puede utilizar para evitar la ejecución al probar códigos alternativos. Usando comment, puedes definir con qué propósito usas este código JavaScript. En Java Script, tenemos total para escribir comentario. Comentario único n y comentario de líneas múltiples. Al principio, déjame mostrarte ¿cómo podemos usar solo n comentario? Aquí puedes ver, escribimos un código dentro de la etiqueta script, document dot tri hello world. Después de eso, usamos single en comment usando doble barra. Para crear single en comment al principio, necesitas escribir double slash, luego puedes escribir tu texto Puedes escribir cualquier texto aquí. Si ejecutas este código, va a imprimir solo hola, no el texto después de doble barra diagonal Pero si uso doble barra antes del objeto documento, entonces es comentar , mantener la línea Si ejecutas este código, entonces no va a imprimir nada. Ahora, hablemos de comentario multilínea. En nuestro ejemplo anterior, usamos single en comment. Si usas un solo comentario, entonces solo es efectivo en una línea. Pero si usas comentario multilínea, entonces es efectivo en multilínea En Java Script, nuestros comentarios de varias líneas comienzan con slash star y terminan con star slash Empecemos la práctica y veamos cómo funciona. Aquí puedes ver lado a lado, abro mi codador visa Sudo y mi navegador usando la extensión Lib Server, y ya creo archivo IndexO Como puedes ver en nuestra etiqueta script, tenemos un total de dos objetos de documento. Al principio, quiero comentar nuestro primer objeto de documento. Hola mundo. Para eso, voy a usar el comentario Single N, Double slash Si configuro este archivo, aquí puedes ver el resultado. Como puedes ver en nuestro documento, ahora comenzó con IM Ad one. Si elimino los comentarios y escribo algún texto, tu comentario. Y luego establecer este archivo, como se puede ver, ahora es proporcionar error. Si te muestro la consola de mi navegador, aquí puedes ver el error, error Syntex, porque no podemos escribir texto aleatorio en JavaScript. Para eso, necesitas usar comentarios. Si quieres comentar este texto, necesitas usar doble barra Si configuro este archivo, puedes ver el resultado. Ahora bien estos textos no van a afectar a nuestro código, y también ejecuta perfectamente nuestro objeto de escritura de documento. Aquí puedes describir con qué propósito escribes este código. Si quieres usar múltiples líneas de comentario, déjame mostrarte para eso, necesitas comenzar a ello, slash star Necesitas terminar el comentario multilínea con star slash. Barra estrellada. Si configuro este archivo, ahora puedes ver que ejecuta nuestros objetos de documento Esta es la forma en que puedes usar single n comment y multiline comment Espero que ahora te quede claro. Gracias por ver este video, estado en para nuestro próximo Tor real. 5. Tutorial de variables de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo script Java relacionado con el verde azulado. En este dial, vamos a aprender variables de estado Java. Al principio, nuestra pregunta es, ¿qué son las variables? Básicamente, las variables son contenedor para almacenar datos. Almacenamos el valor de los datos en variables. Supongamos que desea imprimir hello word en su documento tres veces. Para eso, necesitas escribir hola palabra tres veces. Documento punto escribir hola palabra, documento punto escribir hola palabra y documento punto escribir hellow word Pero podemos almacenar esta palabra hellow en una variable. En nuestro caso, X. Podemos almacenar cualquier tipo de datos en nuestras variables. Si quieres usar este valor una y otra vez, entonces puedes usarlo. Solo necesitas llamar a la variable. Si quieres imprimir esta palabra hellow tres veces, en ese caso, puedes llamar a esta variable Documento punto escribir dentro los paréntesis X o nombre de variable Este es el uso de la variable. Hablemos de cómo podemos declarar variables en el script Java. Básicamente, hay cuatro s para declarar una variable de script Java. Puedes declarar i usando la palabra Q, usando let Qd, y usando const Además, se puede declarar muy bien sin usar nada. Y vamos a aprender todo este método en nuestros tutoriales de acomodación. En este tutorial, vamos a aprender cómo podemos declarar variable usando palabra clave. Hay algunas reglas para crear variables en Java Script, y necesitamos seguir las reglas estrictamente. Nuestra primera regla es que nuestro nombre Vs puede contener letras, dest, guiones bajos y signo de dólar Nuestra segunda regla es, V nombre debe comenzar con una letra. Nuestra tercera regla es, Nombre también puede comenzar con signo de dólar, de lo contrario, signo de subrayado Nuestra cuarta regla es, los nombres son sensibles. Y pequeña e Y mayúscula son variables diferentes. Y nuestra última regla y la regla más importante es la palabra de reserva. Javascript vino con alguna palabra de reserva como Java Script R. No se puede usar algún nombre en particular como nombre de variable. Vamos a conocerlo todo en nuestra sesión práctica. Ahora hablemos de cómo usar las variables. Al principio, necesitamos usar palabra clave para declarar que es una variable, y nuestro nombre de variable es X, luego necesitamos usar signo igual y después de signo igual, según el tipo de datos, necesitas pasar el valor. Si pasa el tipo de datos de cadena, entonces necesita escribir dentro de los códigos dobles. Si quieres poner tipo de datos numéricos, en ese caso, no necesitas usar códigos dobles. Vamos a conocerlo en sesión práctica. X es nuestro nombre de variable, y hola mundo es nuestro vue Sin perder el tiempo, enumere lo práctico y vea cómo funciona. Aquí puedes ver lado a lado, abro mi codador de visual studio y mi navegador usando la extensión Lp Server, y ya creé el nombre de archivo Estil Index dot Al principio, voy a tomar la etiqueta de guión dentro del guión de la etiqueta de cabeza. Dentro de la etiqueta script, quiero imprimir un valor variable. Para eso, necesitamos crear una variable. Al principio, voy a usar la palabra clave V. Y nuestro nombre de variable es z igual a, quiero usar valor de cadena. Por eso uso códigos dobles y nuestro valor es hola palabra. Entonces necesitamos usar punto y coma para terminar esta línea. Ahora quiero imprimir este valor en nuestro documento. Para ello, necesitamos usar la función de escritura documentada. Aquí, voy a escribir documento punto derecho. Luego dentro de los paréntesis, necesitamos pasar la variable, y nuestra variable es D y punto y coma para terminar esta línea Recuerda, si llamamos al nombre de la variable en nuestra función correcta, entonces no necesitamos usar comillas dobles. Solo tenemos que pasar el nombre de la variable. Si configuro este archivo, como pueden verlo imprimir hola mundo. Si utilizo cotización, permítame mostrarle comillas dobles, lo contrario, comillas simples y escriba ZD y luego establezca este archivo Aquí puedes ver, es imprimir solo Z, no nuestro valor, hola mundo. Si desea imprimir valor variable, necesitamos tomarlo sin códigos. Puedes tomar múltiples variables tanto como quieras. Déjame tomar otra variable. Voy a duplicar esta línea, y nuestro nombre de variable es A. Aquí voy a escribir, estoy en una. También voy a duplicar esta función de documento. Aquí voy a pasar A. Si configuro este archivo, se puede ver, sprint, hola mundo, voy a agregar uno. No sólo eso, también puedes tomar valor numérico. Supongamos que aquí voy a pasar 100. Elimino este y tipo 100. Si configuro este archivo, como pueden ver, hola mundo 100. Puede tomar valor numérico, puede tomar valor flotante, valor de cadena. Vamos a aprender sobre el tipo de datos en nuestros tóricos ocurridos Ahora déjame mostrarte una cosa. Para eso, voy a comentar esta línea. Ahora quiero anular la variable A. En la siguiente línea, voy a escribir A igual a 25. Si configuro este archivo, como pueden ver, ahora imprima solo 25. Nuestro nuevo valor anula nuestro valor anterior e imprime nuestro nuevo valor 25. Podemos anular nuestra variable tanto como queramos. Déjame mostrarte una vez más. Aquí voy a pasar 12. Si configuro este archivo, ahora puedes ver nuestro nuevo valor es 12. Si nota, puede ver, no usamos la palabra K antes del nombre de la variable porque ya declaró nuestro nombre de variable usando palabra clave. Simplemente anulamos esta variable, nada más. L et's echa un vistazo a las reglas correctas para escribir variables. Nuestra primera regla es que el nombre puede contener letra des, guión bajo y signo de dólar Aquí podemos crear variables nombre con letra deistas y signo de subrayado . Déjame mostrarte. Voy a crear una variable donde y nuestro nombre de variable es agregar uno. Dije esto muy bien, voy a almacenar nombre completo, agregar un medio. Con nombre, podemos usar disa también. Después del avance, podemos usar la enfermedad. Supongamos que uso 99, anuncio 199. Esta también es una variable. Pero no podemos usar la enfermedad antes del nombre. No podemos comenzar nuestro nombre de variable con enfermedad. Esto no es una variable. Como puedes ver, ya es proporcionar alerta. Pero si quieres comenzar tu nombre de variable con signo de dólar, entonces puedes. Si uso aquí signo de dólar, como pueden ver, ahora es una variable adecuada. Además, podemos iniciar nuestro nombre de variable con subrayado. Pero no use menos seno aquí. Si usas signo menos, en ese caso, no va a funcionar. Estas son las reglas básicas que debes seguir. Permítanme revisar esta sección una vez más. Puedes iniciar tu nombre de variable con letras. No sólo eso, puedes iniciar tu nombre de variable con signo undersco Además, puedes iniciar tu nombre de variable con signo de dólar. Pero no se puede proporcionar espacio en el nombre de la variable. Déjame mostrarte. Si duplico esta línea y aquí, voy a escribir una variable un nombre de alumno. Nombre del espacio del estudiante. No se puede tomar un nombre de variable así. En ese caso, es necesario usar asco pecado. No se puede proporcionar espacio en el nombre de la variable. También puedes usar números en tu nombre de variable. Pero no puedes comenzar tu nombre de variable con números. Si empiezo el nombre de la variable con números, en ese caso, va a tirar. No sólo eso puedes usar la palabra CamelCase también. Déjame mostrarte. Voy a capitalizar la A, y también voy a capitalizar Puedes tomar el nombre de la variable así. Además, JavaScript proporciona alguna palabra de reserva que no puede usar como variable am, de lo contrario nombre de función. Déjame mostrarte las palabras. Estas son todas palabras reservadas en JavaScript, Abstract, break, cha, Dvager, double, export, finalmente, float for function No se puede usar esta palabra como variable a , de lo contrario nombre de función. Hay que tratar de recordarlo. Por favor, no utilice este nombre como variable. Esto es para este tutorial. En el siguiente tutorial, vamos a discutir let y variable constante. Gracias por ver este video, estado incluso para nuestro próximo tutorial. Oh. 6. Tutorial de variables de JavaScript ( Let & Const ): Hola, chico es bueno verte de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender variable tardía y conced En nuestro tutorial anterior, cubrimos variable. Pero en este tutorial, vamos a cubrir la variable tardía y conced Antes de comenzar la práctica, necesitamos aprender ¿cuál es la diferencia entre todas estas tres variables? script Java avanzado suele tener tres tipos de variable, late y const Últimos contras introducen en ES seis versión. Laten cons introducen en la versión ES seis. Hoy, aprenderemos cuál es la diferencia entre todo esto. Veamos un ejemplo. La principal diferencia es el método de declaración. También, sus procesos de asignación de valor diferencian. Si trato de crear una variable con, primero, necesitamos escribir Q world, luego variable name assign with value. De manera similar para tarde, necesitamos escribir tarde, y para const, necesitamos escribir const Pero la diferencia es que podemos redeclare nuestra variable. En nuestro caso, donde x igual al mundo. También podemos reasignar nuestro valor. En mi caso, x igual a. Si trato de imprimir este valor, Está escrito. Usando allí, podemos reasignar y redeclare nuestra variable. Pero en el caso de los últimos tiempos, no podemos redeclare nuestra variable Pero si tratamos de hacerlo con contundencia, en ese caso, es error escrito Pero lo bueno es que podemos reasignar nuestro valor, x igual a O. Ahora nuestro nuevo valor es O. Hablemos de la variable const Contras para significar valor constante. Aquí no podemos hacer ningún cambio. No podemos volver a clamar nuestra variable. Además, no podemos reasignar nuestra variable. Esta fue la principal diferencia entre todas las variables. Sin perder el tiempo, comencemos la práctica. Como pueden ver, lado a lado, abro mi coordinador de estudio VSO y mi navegador usando la extensión de servidor Light, y abro nuestro archivo anterior index dot STML En tu tutorial anterior, hablamos de cómo podemos declarar Variable usando where. Además, hablamos de cómo podemos reasignar nuestra variable usando where Vamos a establecer un nuevo valor a esta variable. Aquí voy a quitar a un mech, y voy a decir, IM donde Si configuro este archivo, como pueden ver, es imprimir IM ahora voy a reasignar este valor usando Q. quiero duplicar esta línea, y aquí voy a pasar IM reasignamos Si configuro este archivo, esta vez, como pueden ver, se imprime, estoy donde con reasignar A continuación, voy a anular este valor. Algunos a escribir A igual a dentro del doble curso, estoy ancho sobrescribir Algunos para terminar esta línea. Si configuro este archivo, como pueden ver, ahora es impreso, soy con lo que sobrescribo Si declaramos nuestra variable con el, en ese caso, podemos reasignar nuestra variable Además, podemos sobrescribir nuestra variable. Ahora, vamos a crear una variable con costo. Algunos para seleccionar tanto de la línea, y voy a comentar nuestro código anterior. Además, voy a comentar esta línea de dos. Ahora voy a sustituir por tarde. Ahora declaramos nuestra variable con la palabra clave let. Si configuro este archivo, como pueden verlo imprimir, lo estoy. Eso significa variable. Intentemos reasignar esta variable con la palabra clave let. Voy a quitar este y aquí voy a escribir tarde. Si configuro este archivo, como pueden ver, no está escrito nada. Si te muestro mi consola, como puedes ver en mi consola, es error de mancha, error de sintaxis. A ya ha sido declarado porque no podemos redeclare o reasignar nuestra variable usando Pero podemos sobrescribir nuestra variable si usamos la palabra clave let. Déjame mostrarte. Si elimino este comentario y configuro este archivo, ahora lo puedes ver impreso, soy con lo que sobrescribo Ahora vamos a tratar de entender el tipo de variable constante. Voy a seleccionar esta porción y duplicar una vez más. Voy a comentar toda esta línea. Aquí, voy a declarar nuestra variable con contras Qard. Voy a sustituir tarde por const. Además, voy a comentar esta línea. Si configuro este archivo, como pueden ver, es impreso, soy palabra. Reasignemos la variable con contras Qard. Aquí, voy a escribir const. Si configuro este archivo, como pueden ver, es el st error. Variable constante media constante. No podemos reasignar nuestra variable, cuando usamos cons Q word Del mismo modo, si tratamos de anularlo, déjame mostrarte y ellos configuran este archivo. Como puedes ver, también es proporcionar error. Además no podemos sobrescribir la variable, cuando usamos cons Q word Esa es la diferencia básica entre todas estas tres variables en const Espero que ahora lo entiendas. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 7. Tutorial de tipos de datos de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java scrip En este tutorial, vamos a aprender los tipos de datos Java scrip Tratemos de entender qué es el tipo de datos. En la programación, el tipo de datos es un concepto importante. Ser capaz de operar sobre variables. Es importante saber algo sobre el tipo. En nuestros tutoriales anteriores, aprendes cómo creamos una variable y cómo almacenamos valor en nuestra variable. Después de eso, podemos usar la variable cuando necesitamos usar el valor, y ya aprendemos al respecto, cómo podemos declarar variable usando la palabra Q tardía y constante. Pero en este tutorial, nos vamos a centrar en los valores. Básicamente, el tipo de valor es el tipo de datos. Veamos qué tipo de tipo de datos tenemos en el script Jaha. Nuestro primer tipo de datos es el tipo de datos de cadena. Si pasamos valor dentro de los núcleos dobles, lo contrario núcleos individuales, entonces será tipo de datos de cadena. Y si pasamos valor numérico sin comillas dobles, lo contrario tes simples, entonces sería tipo de datos numéricos Del mismo modo, si escribimos true de lo contrario cae, sin tes, entonces sería el tipo de datos Blean Nuestro cuarto tipo de datos es el tipo de datos de matriz. Como puedes ver, dentro del cuadrado ss, tenemos múltiples valores, separamos este valor usando coma. Lo llamamos tipo de datos, de lo contrario, tipo de datos de arrendamiento. Vamos a aprender sobre ello en nuestros tutoriales de acomodar. Nuestro siguiente tipo de datos son los tipos de datos de objeto. Aquí puedes ver dentro de los cálices, creamos otra variable Además, aportamos un valor a esta variable. Es jugar el papel de par de valor clave. Cuando usamos este valor con cvrass, lo llamamos tipo de datos de objeto Nuestro siguiente tipo de datos es el tipo de datos nulo. Si pasamos X valor nulo, en ese caso, sería tipo de datos nulo. Pero si no pasamos ningún valor en nuestra variable x, en ese caso, sería tipo de datos indefinido. Ahora la pregunta es, ¿cuál es el uso de estos tipos de datos? Vamos a conocer todo en nuestros próximos tutoriales. Voy a crear múltiples videos relacionados, string, number, ol array object, etcétera Por ahora, sin perder el tiempo, comencemos la práctica. Como puedes ver, lado a lado, abro mi visor a tu cortor y a mi navegador usando la extensión Live Server, y ya creo un documento estel llamado Index dot Al principio, voy a tomar un nombre de variable, y nuestro nombre de variable es X, Sm tipo X igual a, al principio, quiero pasar una cadena v. Tipo Hm, hola mundo. Después semicon para terminar esta línea. Si quiero imprimirlo, solo necesito escribir documento escribir dentro de las rondas es nuestro nombre de variable, X. Luego semicon para terminar esta línea Si configuro este archivo, como pueden ver, es imprimir hola mundo. Ahora voy a duplicar esta línea dos veces. Aquí voy a pasar una etiqueta BA. A continuación, voy a llamar a una función inel de Java Script, y nuestro nombre de función es tipo de Aquí voy a tipo de. Tipo de nuestra variable x. Esta función va a devolver el tipo de datos de la variable x. Si configuro este archivo, como pueden ver, después de hola, es romper nuestra línea, y luego imprimir nuestro tipo de datos variables, que es stream. Del mismo modo, si paso solo un solo caracter, y luego configuro este archivo, es proporcionar también stream Pero, ¿qué? Si pasamos valor numérico dentro de las camillas dobles, pasemos un valor numérico. 23. Si configuro este archivo, como pueden ver, también es print stream. B si pasamos algo dentro de los códigos dobles, lo contrario, códigos simples, siempre se escribe cadena. Como ya les dije, podemos usar códigos únicos también. Déjame mostrarte. Si elimino el curso doble y uso curso único y luego configuro este archivo, como puedes ver, también está escrito cadena. Pero si anulo el valor x y vuelvo a pasar 23, y luego configuro este archivo, como puedes ver, ahora es número de turno, porque ahora pasamos valor numérico sin comillas. Por eso es el número bronceado. Recuerde, no podemos usar el valor de cadena sin comillas. De lo contrario, va a devolver error. Si asignamos 23.50 y luego configuramos este archivo, también se puede ver que es el número ta Si asignamos valor negativo y establecemos este archivo, como puede ver, también devolvemos el número. Pero si sobrepasamos al valor con true, déjame mostrarte y luego establecer este archivo, como puedes ver, ahora está escrito Bleion Ahora nuestro tipo de datos es el tipo de datos Blea. Primero, imprime nuestro valor verdadero y luego imprime nuestro tipo de datos bleion. Del mismo modo, si paso false ir, y luego configuro este archivo, como pueden ver, también está escrito bleion, porque true y false es nuestro valor bleion Pero si paso valor dentro de los códigos dobles, déjame mostrarte y luego establecer este archivo, como puedes ver, ahora es un stream. Ya no es un valor booleano. Para el valor lean, no podemos usar códigos dobles, de lo contrario, códigos simples. Hay que recordarlo. usarlo sin cotización. Vamos a saltar a nuestro siguiente tipo de datos. Voy a duplicar esta línea y aquí, voy a pasar indefinido. Si configuro este valor, como puedes ver, está escrito indefinido también el tipo de datos es indefinido Indefinido también es un valor. Déjame mostrarte otro ejemplo de indefinido. Supongamos que tomo un nuevo valor y nuestra variable es A. Luego semicon a n esta línea No asigno ningún valor a esta variable. Si quiero ver el tipo de esta variable, si paso A y luego configuro este archivo, como pueden ver, es S indefinido. Debido a que no asignamos ningún valor, por eso es Seton undefined Voy a comentar esta línea y aquí voy a pasar de nuevo. Voy a fijar esta. Una vez más, voy a duplicar esta línea, y voy a tomar valor dentro de la plaza ses. Nuestro primer valor es HTML. Nuestro segundo valor es PHP. Tercero, quiero pasar un valor numérico. Voy a pasar 45. Yo uso sin tes. Puedes pasar valor ilimitado tanto como quieras. Pero para este ejemplo, paso el valor total de tres. Si configuro este archivo, como pueden ver, es objeto ct. Pero lo más importante es por qué ton objeto B es una matriz. En otros idiomas, si usamos tipo de función, en ese caso, se escribe array. Pero en el script Java, escribía el mismo tipo de datos para object y array. Por eso es objeto escrito. Vamos a crear un objeto. Para eso, voy a cavar esta línea, y voy a quitar ases cuadrados. Aquí voy a usar Cal ases. Isad el C ***, necesitamos usar par de valores clave Nuestra clave es nuestro nombre. Para nombre, voy a usar un valor de cadena, y el nombre es agregar una meg. Nuestro segundo valor es H H 32. Anulamos nuestro valor de matriz con el valor del objeto. Si configuro este archivo, como pueden ver, es objeto print object, y también escribo tipo de objeto. Para extraer el valor del objeto, necesitamos usar un método especial, y lo vamos a aprender en nuestros próximos tutoriales. Para matriz y objeto, Java script fue escrito objeto, y hay que recordarlo. Solo sucede en Java Script, no en otros lenguajes. Espero que ahora te quede claro, cuáles son los tipos de datos en Java Script. Gracias por ver este video, estado une para nuestro próximo Tutorial. 8. Tutorial de operadores aritméticos de JavaScript: Hola, chicos es bueno verte de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender operadores aritméticos de script Java Veamos cuántos operadores aritméticos tenemos en JavaScript. Como puede ver, tenemos un total ocho operadores aritméticos diferentes Pero al principio, necesitamos saber qué es operador aritmético Operador aritmético realizar aritmética en números. Aquí puedes ver nuestra primera suma de operatorios aritméticos, y nuestro segundo operador atmético Y nuestro tercero es la multiplicación. Además, puedes ver el letrero en tu sitio de laboratorio. Nuestro cuarto es el operador exponencial. Para eso, necesitamos usar doble signo de estrella. Nuestro quinto es operador de división. Luego viene operador de módulo. Luego vienen operador de incremento y operador decremento. Una cosa hay que recordar, operador aritmético funciona cuando el tipo de datos es número, ya que este operador utiliza para el cálculo matemático Sin perder el tiempo, comencemos la práctica y veamos cómo funciona, y vamos a aprender a todos los operadores uno por uno en nuestra sesión práctica. Como pueden ver, lado a lado, abro mi visuo a codator y mi navegador usando la extensión de servidor b, y ya creé el documento ESTEML llamado Index dot estel llamado Empecemos la práctica. Por ejemplo, voy a crear Coral tres variables. Nuestra primera variable m es X, S tipo x igual a dos, luego escala para terminar esta línea, y voy a duplicar esta línea. Nuestra segunda variable es y e y igual a 24. Nuestra tercera variable es z. Aquí, voy a usar todos los operadores atnéticos Voy a usar nuestro primer operador Atmetic, X plus Y. Este es nuestro primer operador Atmetic para Como saben, para adición, necesitamos usar plus ine, y ahora voy a imprimir este valor en mi página web. Para eso, voy a escribir documento punto justo dentro de los paréntesis, nuestra variable Z. si configuro este archivo, como pueden ver, está escrito seis La suma de estos dos valores x e y es seis. No sólo eso, podemos agregar valor flotante también. Déjame mostrarte. Si paso 2.57 y luego configuro este archivo, como puede ver ahora, el nuevo resultado es 6.57 Ahora, vamos a saltar a nuestro siguiente operador aritmético. Para eso, primero, voy a cambiar el valor x. Aquí, voy a pasar nueve. Ahora voy a usar el letrero del operador. X menos nueve. Si configuro este archivo, como pueden ver, está escrito cinco, nueve menos cuatro igual a cinco. Pero si yo -11 de nueve y luego configuro este archivo, como pueden ver, está escrito menos dos Ahora está escrito menos valor. Es exactamente un trabajo como nuestras matemáticas infantiles. Ahora hablemos de nuestro tercer operador, que es la multiplicación. Para eso, solo voy a usar signo de multiplicación, que es estrella Si configuro este archivo, como pueden ver, está escrito 99. Si multiplico nueve con 11, es 1099. A continuación, te voy a mostrar división y operador modular. Para eso, voy a cambiar el valor y, que es tres. Primero, voy a usar operador de división. X dividido por y. Si configuro este archivo, como pueden ver, es ston tres. Pero si divido diez con tres, si configuro este archivo, como pueden ver, ahora es steton valor flotante Este es el uso del signo de división. Ahora hablemos de letrero modular. ¿Cuál es el uso de modular? Aquí, voy a usar letrero modular. Para letrero modular, necesitamos usar porcentaje de signo. Si configuro este archivo, como pueden ver, es 101. Ahora la pregunta es ¿por qué es el 101? Porque si dividí diez con tres, entonces como ustedes saben, uno es el recordatorio. Señal modular siempre devuelve el recordatorio. Déjame mostrarte una vez más. Si dividí 11, con tres, como pueden ver, ahora el recordatorio es dos. Pero si divido 12 con tres y luego configuro este archivo, como pueden ver, se pone a cero. Como saben, tres se multiplican por cuatro igual a 12. Si divido 12 con tres, no queda ningún recordatorio. Por eso es st cero. Ahora hablemos de nuestro próximo operador, que es operador exponencial Se introdujo en 2016. Es muy nuevo. El operador exponencial trabaja como potencia, y el pecado es doble estrella Si paso x valor, dos e y valor, también dos, y luego configuro este archivo, como puede ver, está en cuatro. Ahora está en el valor cuadrado, porque el valor x es dos, también el valor y es dos. Pero si paso y valor tres aquí, y luego configuro este archivo, como pueden ver, ahora está en ocho, es media dos a la potencia tres. Como saben, si multiplico dos, tres veces sobre ocho. De igual manera, si paso diez al poder, dos, Diez puso este archivo, como pueden ver, ahora son 100. Yo paso tres aquí y pongo este expediente, como pueden ver, son 10 mil, es media diez cada diez en diez, igual a 2000. Este es el uso de operador exponencial. Ahora, hablemos de nuestro operador s dos, operador incremento u operador decremento. Para este ejemplo, primero, voy a comentar esta línea, y ahora voy a anular nuestra variable X con operador de incremento plus plus Para el operador de incremento, necesitamos usar plus plus sine. Ahora bien, si agrego esto a la variable, x más y, y establecen este archivo, como pueden ver, está escrito 14, no el 13, pero la pregunta es, y está escrito 14. Sabemos que diez más tres equivalen a 13. ¿Cuál es la lógica detrás de esto? Como puede ver, sobrescribimos nuestro valor x con seno de incremento. Es malo, déjame mostrarte. Ahora el nuevo valor es x igual a x más uno. Por defecto, este operador agrega uno con nuestro valor anterior. Por eso ahora nuestro valor x es 11, no diez, así que está escrito 14. Pero si copio la misma línea y la uso antes del incremento, déjame mostrarte y usar una etiqueta de rotura de pelo Y luego establecer este archivo. Como puedes ver, primero 1013 y luego se escribe 14, porque este escrito antes del valor de incremento y este escrito hasta el valor de incremento De igual manera, tenemos valor decremento. Déjame mostrarte. Si duplico esta línea y comento la anterior, y si uso signo decremento aquí, menos menos y luego configuro este archivo, como pueden ver, primero t 13 y luego devuelve 12 Si uso signo decremento, significa x igual a x menos uno Sustrata un valor de nuestro valor anterior. No sólo eso, se puede utilizar el operador aritmético múltiple a la vez Déjame mostrarte. Algunos para comentar estas líneas. No necesito este. Y aquí, voy a empatar x más y multiplicar con dos Si pongo este archivo, es tn 16, pero la pregunta es, y cumplir 16. Se puede pensar que debería devolver 26 x más y igual a 13. Entonces si multiplico 13 con dos, es tn 26. Pero no es un trabajo así. Primero, va a multiplicar dos con valor y, yo tres multiplicar dos, que escribió seis, luego suma diez con seis. Por eso es n 16. Pero si quieres devolver el valor 26 en ese caso, necesitas crear la combinación. Déjame mostrarte. Voy a crear la combinación entre el valor x y el valor y, x más y. Para ello, necesitamos movernos dentro del latón redondo, y ahora va a multiplicar nuestro valor de suma dos. Si configuro este archivo, como pueden ver, ahora es ren 26. Si quieres ejecutar matemáticas complejas, en ese caso, necesitas crear una combinación. Espero que ahora te quede claro, qué es el operador aritmético en Java Script y cómo podemos usarlo Gracias por ver este video, state une para nuestro próximo tutorial. 9. Tutorial de operadores de asignación de JavaScript: Hola chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender el operador de asignación de Javascript. Veamos cuántos operadores de asignación tenemos en Java Script. Estos son los operadores de asignación más básicos en Java Script. Hay otros operadores de asignación al lado de estos, pero no son importantes. En este tutorial, voy a cubrir este operador de siete asignaciones. En nuestro tutorial anterior, aprendemos operadores aritméticos, suma, subestricción, multiplicación, división, módulo y exponencial, y si lo usamos con signo igual, entonces lo llamamos Nuestro primer operador es igual a operador, significa operador de asignación. Ejemplo, si queremos asignar valor Y en x, en ese caso, podemos usar este operador. Es media x assen con y. luego viene operador de suma Ejemplo, x más igual a y Si usamos este operador, va a asignar un nuevo valor a nuestra variable x. Va a agregar valor y con nuestra variable x y anular nuestra variable x. De manera similar para la subestricción, va a menos el valor y de nuestro valor x y sobrescribirá nuestro valor x De manera similar para la multiplicación, va a anular nuestro valor x Supongamos que nuestro valor x es tres y nuestro valor y es diez. Entonces va a multiplicar diez con x, media, tres que diez, y anulará nuestro valor x tres a 30. De igual manera, es trabajo para división, módulo y exponencial Avanzando y comencemos la práctica. Aquí puedes ver, lado a lado, abro mi código iso Sudo ator y mi navegador usando la extensión Live Server, y ya abro nuestro antiguo nombre de documento estil Index dot Como puede ver, nuestro valor de la variable X es diez, y nuestro valor de la variable Y es cuatro. Si agregamos este valor de dos, es n 14. Aquí puedes ver, utilizamos nuestro primer operador de asignación de operador. Lo usamos para fines de asignación. Usando este operador, podemos asignar un valor a nuestra variable. De igual manera, asignamos cuatro valores con la variable Y, y en nuestra variable ZD, agregamos este valor de dos Por ahora, no necesito esta variable Z, así que voy a comentar esta línea. Como puedes ver, nuestro valor x es diez, y ahora voy a sobrescribir nuestro valor x, x igual a x más y. Si imprimo x, y luego configuro este archivo, como puedes ver, también está escrito 14 Nuestro nuevo valor x es 14, no diez. Pero ahora voy a usar el operador de asignación para este cálculo. Voy a comentar esta línea, y en la siguiente línea, voy a escribir x, y voy a usar suma igual a operador, suma igual a y Si configuro este archivo, como pueden ver, también está escrito 14. Si cambio el valor y cuatro a cinco, y luego configuro este archivo, como puede ver, está escrito 15. Como puede ver para el mismo cálculo, utilizamos tres líneas diferentes. Aquí simplemente anulamos nuestra variable x con más igual al operador de asignación. Este ejemplo es el mismo que esta línea. Si usamos este operador de asignación, básicamente, reduce un carácter de esta línea. Nuevamente, voy a cambiar el valor y, cuatro, y ahora voy a usar menos igual a operador. Significa sustracción igual al operador. Si configuro este archivo, puedes ver el resultado. Si menos cuatro de diez, es st seis, nuestro nuevo valor x es seis. Nuestro siguiente operador es multiplicación igual a operador. Estrella igual a. Si configuro este archivo, como pueden ver, es N 40. Ahora es multiplicar diez por cuatro. Por eso está en 40, y nuestro nuevo valor x es 40. De igual manera, tenemos división igual a operador. Si utilizo este operador, como puede ver, ahora nuestro valor x es 2.5, y nuestro siguiente operador es el módulo igual al operador. Si usamos este operador y configuramos este archivo, como puede ver, nuestro nuevo valor x es dos. Este operador siempre escrito recordatorio. Por eso es 102. Vamos a saltar al último operador, que es operador exponencial O operador exponencial, necesitamos usar doble signo de estrella, estrella igual a dos Si configuro este archivo, como pueden ver, está escrito 10,000. Es media diez a la potencia cuatro. Se va a multiplicar 410 a la vez. Por eso está escrito 10 mil. Es multiplicar 104 veces. Espero que ahora te quede claro, qué son los operadores de asignación. Básicamente, podemos llamarlo operador aritmético de extremo corto operador aritmético de extremo Gracias por ver este video, state une para nuestro próximo tutorial. 10. Tutorial de JavaScript con Google Chrome Console parte 1: Hola, chicos, me alegro de verles de vuelta. Estoy de vuelta con otro Tutorial relacionado con el script Java. Y en este tutorial, vamos a aprender Google Chrome Consume. Avanzando y comencemos la práctica. ¿Por qué deberíamos usar la consola Come? Aquí puedes ver lado a lado, abro mi editor de código viso todo y mi navegador usando la extensión del servidor Light, y ya creo un documento SML llamado Index doot Y ahora te voy a mostrar cómo funciona la consola y qué es la consola. Simplemente haga clic derecho en su navegador, y aquí podrá ver un nombre de opción Inspeccionar. Simplemente haz clic en esta opción, y aquí puedes ver la opción de desarrollador, y puedes ver la opción de consola en la segunda pestaña. Y también, podemos mover esta opción a la derecha o levantar. Si hay un error en nuestro código scrip Java, podemos ver el error en nuestra sección de consola Si quieres ser desarrollador de Java Script, Entonces la consola sería la herramienta más importante para ti. Puedes identificar todo el error desde esta sección. Además, puede usar la consola para fines de prueba. Supongamos que no desea imprimir ningún valor en nuestro documento. Pero puedes imprimir cualquier variable, de lo contrario, puedes devolver cualquier valor de función en nuestra sección de consola. Déjame mostrarte otra opción, cómo puedes abrir la consola en tu navegador. Para eso, debe seleccionar esta opción, luego hacer clic en herramientas de mote Y aquí se pueden ver las herramientas de descarga. Además, puedes usar la tecla de método abreviado para eso. Control en forma. Después da click en Delo tools, como puedes ver, es sección de consola abierta. Entonces veamos cómo podemos usarlo prácticamente. Entonces al principio, voy a crear una variable, y nuestra variable es X. La X igual a, voy a asignar 34. Hay una suplicación para acabar con esta línea. Ya sabemos si queremos imprimir esta variable en nuestro navegador, en ese caso, necesitamos escribir document dot right function. Algún tipo documento punto a la derecha. Luego dentro de los paréntesis, necesitamos pasar la variable n. X. Luego Smc dos en esta línea Si paso este archivo, como pueden ver, sprint nuestro valor en nuestra sección de documentos. Pero ahora quiero imprimir esta variable en nuestra sección de consola, no en la sección de documentos. Para eso, necesitamos escribir console dot log. Consola dot log. Luego dentro de los paréntesis, necesitamos pasar la variable Hay un to en esta línea. Si configuro este archivo, como pueden ver en nuestra sección de consola, imprima nuestro vil 34 Además, podemos ejecutar cálculos matemáticos. Déjame mostrarte. Supongamos que quiero sumar diez con nuestra variable x. Si configuro este archivo, como puedes ver, es st 44, y como puedes ver en tu lado derecho, también está escrito, el número de línea, punto índice est. Y aquí puedes ver tecleamos consola dot log en la línea número 12. No sólo eso, también podemos imprimir aquí. Déjame mostrarte. Para eso, voy a tomar bases cuadradas. Y aquí voy a pasar algunos v uno, cuatro, cinco. Si configuro este archivo, como pueden ver, son diez nuestro array. Y si abro esta sección, aquí se ve una clave, y nuestro nombre clave es proto array Es mezquino es ary. También golpeamos imprimir la longitud, longitud tres, porque tenemos protal, tres valor en nuestra matriz, y nuestros valores son uno, cuatro y cinco Y como saben, nuestra matriz comienza desde el índice cero. Por eso es imprimir cero, uno, dos. Vamos a aprender sobre la matriz en nuestros tutoriales de accoing. Y ahora te voy a mostrar otra función. Sin usar log, voy a usar tabla. Aquí voy a quitar registro. Y voy a escribir mesa. Si configuro este archivo, como pueden ver, es crear una tabla. Se ha creado una tabla en nuestra sección de consola. Imprime nuestro valor de error como formato de tabla. Hablemos de nuestra siguiente función de consola, que es el error. Voy a escribir error. Además, voy a quitar el vs. La mayor parte del tiempo, usamos error con condición, condiciones P. Usando esta función, el desarrollador puede identificar el error. Pero aquí, voy a imprimir solo un mensaje de error. Dentro de los códigos dobles, voy a escribir, algo salió mal. Si configuro este archivo, como pueden ver, sprint nuestro mensaje en color rojo. Algo salió mal. De igual manera, tenemos otra función para alertar. Algunos para duplicar esta línea, y aquí voy a escribir console dot warning. Además, voy a cambiar los mensajes. Esto es solo una advertencia. Si configuro este archivo, como pueden ver, primero, imprime nuestro mensaje de error, algo salió mal, y luego se imprime, esto es solo advertencia con señal de advertencia. Entonces de esa manera, podemos imprimir nuestro mensaje de error y un mensaje de advertencia. Nuestra siguiente función es consola dote función clara. Como puedes ver, en nuestra consola, tenemos dos mensaje, mensaje de error y un mensaje de advertencia. A continuación, voy a ejecutar la función de consola dot clear. Así que escriba consola punto claro. Si configuré este archivo, como pueden ver, se borró nuestra consola. Ahora no hay mensaje de error y mensaje de advertencia. Y también flasheó otro mensaje, la consola estaba clara. Entonces esto es todo para este tutorial. En el siguiente tutorial, vamos a aprender la función de tiempo. Gracias por ver este video, estad atentos para nuestro próximo tutorial. 11. Tutorial de JavaScript con Google Chrome Console parte 2: Hola, chicos. Me alegro de verte de vuelta. Una vez más, estamos en mi viso Sudo co editor. Este es el segundo tutorial relacionado con la consola Google Chrome. Como pueden ver lado a lado, abro mi Vs Sudo Cditor y mi navegador usando la extensión del servidor life También abro documento estel anterior en mi editor de bacalao. En este tutorial, voy a comenzar con otro comando de consola, que es el tiempo. Usando el comando time, podemos calcular cuánto tiempo tarda nuestro código en ejecutarse. Al principio, voy a comentar consola punto claro función. Entonces Después de x variable, voy a atar consola dot time. Después dentro de los paréntesis, simplemente voy a pasar una prueba, que es sabor, y luego punto y coma para terminar esta línea De nuevo, después de ejecutar líos, voy a escribir consola punto función de fin de tiempo Fin. Dentro de los paréntesis, voy a probar ty. Después punto y coma dos en esta línea. Básicamente, va a calcular el tiempo de principio a fin. Quiero decir, va a calcular cuánto tiempo tardan en completarse las funciones. Usando el comando time, podemos comenzar a contar y usando el comando time end, podemos dejar de contar. Si configuro este archivo, como pueden ver, es en el momento. Como puede ver, se necesitan 0.59 milisegundos para completar estos comandos Ahora te voy a mostrar ¿cómo podemos usar iViL Editor desde nuestra consola Al principio, necesitamos despejar nuestra sección de consola. Como se puede ver, hay un segundo icono. Si hago clic en este icono, queda clara nuestra sección de consola. Aquí podemos escribir cualquier comando de script Java. Aquí voy a escribir documento punto derecho. Son los paréntesis, voy a pasar. Hola Mundo. Después punto y coma para terminar esta línea Si presiono E, como pueden ver en mi navegador, es pintar hola mundo. Como puedes ver, usando el editor de consola, podemos pasar datos en nuestro navegador. Quiero decir que puedes verificar cualquier comando de Javascript en tu sección de consola. Déjame mostrarte. Si tecleo documento, y luego presiono enter, como pueden ver, si desplome esta sección, házlo en nuestra estructura documental externa. Ahora, déjame mostrarte el uso más importante de nuestra sección de consola. Para este ejemplo, voy a comentar toda esta línea, y luego voy a configurar este archivo. Ahora dentro de la etiqueta body, voy a crear H una etiqueta, H una. Además, voy a establecer ID a esta etiqueta, ID, Min. Después dentro de la etiqueta H one, voy a escribir hola mundo. Si configuro este archivo, puedes ver el resultado. Ahora quiero verificar H un valor de etiqueta usando el script Java en nuestra consola. Para ello, necesitamos escribir document dot get element by ID. Déjame mostrarte. Documento punto obtener elemento por ID. Luego dentro de los paréntesis, necesitamos pasar el nombre de identificación, y nuestro nombre de identificación es Min. Aquí voy a escribir Min. Después la subcolumna dos en esta línea. Si presiono enter, como pueden ver, está escrito la etiqueta H one con el valor. Este ejemplo es parte de Dom, significa modelo de objeto de documento, y lo vamos a aprender en nuestros próximos tutoriales. Aquí quiero mostrarles cuál es el uso de la consola. Déjame mostrarte una cosa. Como pueden ver, este comando escribió toda esta estructura, pero quiero volver solo hola mundo. Quiero devolver sólo el texto. En ese caso, podemos escribir un nuevo comando. Déjame mostrarte. Documento punto obtener elemento por ID, Entonces en su lugar los paréntesis, nuestro nombre de identificación, y nuestro nombre de identificación es principal Entonces quiero devolver solo texto interno. Entonces aquí necesitamos escribir punto, texto interior. Entonces sm para terminar esta línea. Si presiono entero, como pueden ver, ahora está escrito en el hola mundo. Vamos a aprender todo al respecto en nuestra parte dom. Todos estos son comandos básicos dom. No sólo eso, podemos escribir cualquier comando Javascript en nuestra sección de consola. Esto es para este tutorial. Gracias por ver este video, sintonía estatal para nuestro próximo Tutorial. 12. Tutorial de operadores de comparación de JavaScript: Bienvenidos de nuevo chicos, una vez más, estoy de vuelta con un nuevo tutorial relacionado avascript En este total, vamos a aprender Java Script, operador de comparación. Tratemos de entender qué es operador de comparación. En este ejemplo, puede ver que tenemos dos variables totales, A y V. El valor de la variable A es 20 y el valor de la variable V es 30. Si tratamos de hacer comparación entre estas dos variables, supongamos que la variable A es mayor que el valor de la variable V. Es media que yo 20 es mayor que 30, va a devolver dos. De lo contrario, va a devolver falso. Ser 30 es mayor que 20, por eso está escrito falso. ¿Cómo usamos el nombre del operador de comparación mayor que? Del mismo modo, tenemos múltiples operadores de comparación, y estos operadores siempre vuelven a cualquiera de los valores falsos. Veamos cuántos operadores de comparación tenemos en Java scrit Nuestro primer operador es igual a. Para este operador, necesitamos escribir doble signo igual. Si el valor apside y el valor del lado derecho son iguales, en ese caso, va a devolver true Nuestro segundo nombre de operador es el mismo operador. Para este operador, ed para escribir tres signo igual. Si el valor del lado p y el valor del lado derecho son los mismos, y su tipo de datos es el mismo, en ese caso, va a devolver true Entonces no vienen igual a operador. Para ello, necesitamos escribir, explicación y signo igual. Si el valor izquierdo y el valor derecho no son iguales, en ese caso, va a devolver true. De igual manera, tenemos otro operador. Si el valor izquierdo y el valor derecho no son iguales, con eso, ese tipo de datos no es igual, en ese caso, va a devolver true Y luego vienen mayores que operador. Si el valor de la izquierda es mayor que el valor derecho, en ese caso, va a devolver dos. Nuestro siguiente operador es menos que operador. Si el valor correcto menor que el valor led, en ese caso, va a devolver true. Nuestro siguiente operador es mayor que igual a operador. Si nuestro valor del lado de vuelta y el valor del lado derecho son iguales, en ese caso, va a devolver true. De lo contrario, si nuestro valor de lapside es mayor que nuestro valor del lado derecho, también va a devolver true Pero si nuestro valor del lado de vuelta es menor que el valor del lado derecho, en ese caso, va a devolver false. De la manera opuesta, tenemos menos que igual a operador. Si el valor pside es menor que igual al valor del lado derecho, en ese caso, va a devolver true Si ambos el valor es igual, entonces va a devolver dos. De lo contrario, si el valor st derecho es mayor que el valor del lado p, también va a devolver t. Sin perder el tiempo, comencemos la práctica y veamos cómo es w. Como pueden ver, lado a lado, abro mi editor de código Visa Sdio y mi navegador usando life Server extension, y ya creo un nombre de documento EstiML índice punto Aquí vamos a probar nuestro operador de comparación. Al principio, voy a tomar dos variables, y nuestra primera variable vm es X, X, Assn ancho diez Entonces voy a duplicar esta línea y nuestra siguiente variable m es y, y valor es 20. Entonces voy a comparar estas dos variables en mi sección de consola. Para eso, necesitamos escribir console dot log, console dot log , dentro de los paréntesis, voy a atar x double igual a y Este es nuestro primer operador de comparación, y Stig a n esta línea. Este es nuestro primer operador de comparación, y Stig a n esta línea Si configuro este archivo, como pueden ver, está escrito falla. Porque diez N 20 no es lo mismo. Si cambio el valor, y, también diez, entonces configuro este archivo, como puedes ver, ahora es t Además, si muevo y valor dentro de los códigos dobles, déjame mostrarte Establecen este archivo, como puedes ver, también es N verdadero. Aquí puedes ver que su tipo de datos es diferente. El primero es el número, y segundo es stream, pero su valor es el mismo. Por eso es diez cierto. Pero si utilizo nuestro siguiente operador, que es operador idéntico, y configuran este archivo, como pueden ver, ahora es tn cae, porque su valor es el mismo, pero el tyve de datos no es el mismo Por eso son diez caídas. Si elimino los códigos dobles, y ellos configuran este archivo, ahora se puede ver que es stan true. Ahora, saltemos al siguiente operador de comparación. Pero antes voy a duplicar esta línea y comentar la anterior. Aquí, voy a empatar seis, no igual a siete. Si configuro este archivo, como pueden ver, es diez cierto, porque su valor es diferente. Por eso no es igual a operador escrito verdadero. Pero si paso seis igual a seis y luego pongo este archivo, como pueden ver, ahora es tn falso. Si ambos el valor es el mismo, en ese caso, no es igual al operador escrito falso. Vamos a mover a uno de los operadores dentro de los códigos. Seis. Si configuro este archivo, como pueden ver, también devuelve falla, porque su valor es el mismo, pero su tipo de datos es diferente. Pero si utilizo nuestro siguiente operador y escribo otro signo igual. En ese caso, si configuro este archivo, está escrito t porque su tipo de datos es diferente Por eso escribió este operador. Vamos a saltar a nuestro siguiente operador de composición. Pero antes, voy a duplicar esta línea, y voy a comentar tres uno. Aquí voy a teclear cinco mayores a seis. Si configuro este archivo, como pueden ver, son diez falsos. Sabemos que cinco no es mayor que seis. Por eso es ton falso. Pero si escribo nueve aquí y luego configuro este archivo, como pueden ver es ton true. Pero si paso nueve en nuestro lado derecho y luego pongo este archivo, como pueden ver, es tn falso porque nueve no es mayor que nueve. Pero si utilizo nuestro siguiente operador mayor que igual dos, y luego configuro este archivo. Ahora puedes ver que está escrito verdadero. Es media si el valor psd es igual al valor del lado derecho, en ese caso, va a devolver true. De lo contrario, si el valor apside es mayor que el valor del lado derecho, también va a devolver true Déjame mostrarte. Si paso 30, entonces configuro este archivo, como pueden ver, también está escrito true. En lo contrario a un, tenemos menos que operador. Entonces, para duplicar esta línea y comentar la anterior. Aquí, voy a empatar nueve menos de 11. Si configuro este archivo, como pueden ver, está escrito verdadero. Del mismo modo, si utilizo menos de igual para firmar y luego establecer este archivo, como puedes ver, también se escribe true. Si paso nueve aquí y luego pongo este archivo, como pueden ver, la condición también es verdadera. Espero que ahora te quede claro, qué es operador de comparación y cómo podemos usarlo. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 13. Tutorial de declaraciones de JavaScript If: Hola, chicos, es bueno verlos de vuelta. Una vez más, estoy de vuelta con un neo Tutorial relacionado con el script Java, y en este tutorial, vamos a aprender declaración EP. Entonces intentemos entender qué es la declaración del EP. La declaración Ep es una parte de las sentencias condicionales Java Script, que se utilizan para realizar diferentes acciones en función de diferentes condiciones. Usamos E para especificar un bloque de pote a ejecutar. Si una condición específica es verdadera y cada condición está escrita, valor verdadero o bien cae bien. Y si la condición es cierta, y entonces va a ejecutar nuestra declaración. Y si es falso, entonces la sentencia no se va a ejecutar. Permítanme simplificarlo con un ejemplo normal. Supongamos que e hoy es viernes. Es decir que la condición es verdadera o cae. Y si la condición es cierta, entonces imprima el viernes, y si es falsa, entonces fuera de ella. Ahora, déjame mostrarte esta sintaxis, cómo podemos usar una condición en Java Split. Después de una declaración profunda, debe usar tirantes redondos. Dentro del latón redondo, debe poner su condición, y luego debe proporcionar sujetadores de automóvil de inicio y final. Entonces dentro del auto latón, tenemos que pasar nuestro núcleo. Puedes pasar múltiples declaraciones, función, cuánto quieras. Pero si la condición es verdadera, ahí se van a ejecutar todas estas declaraciones. Déjame mostrarte otro ejemplo. Supongamos que tenemos una variable A, y su valor es 20. Y entonces vamos a probar con condición P. Si el valor A es mayor que 15, entonces imprimir A es mayor. Y como puedes ver A es mayor que 15 porque A u es 20. Por eso va a imprimir este documento en nuestro navegador. Pero si cambiamos el valor A, A asignamos con cinco, y luego verificamos la condición, y como puedes ver A no es mayor que 15, por eso va a devolver false. Entonces no va a imprimir esta línea en nuestro navegador. Esta condición no es cierta. Entonces ahora es auto para ti, cómo podemos crear condición con declaración P. Y además, hay que recordar, necesitamos usar un operador de comparación para crear la codificación. En nuestro caso, mayor Dan, y ya aprendemos sobre operador de comparación en nuestros tutoriales anteriores. Entonces, sin perder el tiempo, comencemos la práctica y veamos cómo está Como pueden ver, lado a lado, abro mi codador Vise studio y mi navegador usando la extensión de servidor Light, y ya creé un documento estil llamado index Entonces al principio, voy a tomar dos variables. Nuestra primera variable es V A y A una W 30, y nuestra segunda variable es B, B y W 40. Y ahora voy a usar nuestra condición IP. Si inserta los paréntesis, A mayor que B inserta los calibrados, voy a escribir consola dot log, y establecer las carreras redondas, y establecer las carreras redondas Después semicon dos en esta línea. Entonces creamos una condición con mayor que operador. Es un operador de comparación. Entonces yo configuro este archivo, como pueden ver, sprint nada en nuestra sección de consola porque A no es mayor que B. Por eso cae la condición escrita. Pero si revierto la condición con menos de seno, déjame mostrarte y luego configurar este archivo, como puedes ver, nunca sprint A es mayor. En ese caso, necesitamos escribir aquí B es mayor, no A. Ahora la condición escrita verdadero valor. Por eso corres esta línea porque el valor b es 40, y el valor A es 30, y como puedes ver, usamos menos que seno A, menos que B. Vamos a conducir con otro operador de comparación. Esta vez, voy a usar igual a seno, A igual a b. Es significa si el valor A y B es pecado, entonces imprime esta línea. Si configuro este archivo, como pueden ver , no es imprimir esta línea. Pero si cambio el valor, 30, ahora BL también es 30 y luego configuro este archivo, como pueden ver, ahora es imprimir esta línea. Porque ahora la condición es cierta. Ahora, cambiemos la declaración impresa. Entonces H voy a escribir hola por encima. Y ahora voy a cambiar el tipo de datos B Value, así que voy a hacer que se transmita. 13. Si configuro este archivo, como pueden ver también es imprimir nuestro comunicado, hola palabra. Como puedes ver, su tipo de datos es diferente, pero también está escrito true porque en nuestro tutorial anterior, lo aprenderemos. Si usamos igual a operador para comparar el valor, va a. Si usamos igual a operador, va a verificar su valor, no su tipo de datos. Por eso está escrito cierto. Pero si usamos operador idéntico, Así que aquí voy a añadir otro signo igual. Y esto fijó este archivo, como pueden ver, ahora está ritten falso Por eso es no imprimir el valor. Ya sabemos si usamos un operador competison idéntico, entonces con el valor, también necesitamos hacer coincidir el tipo de datos De lo contrario, no va a retener la verdad. Entonces esta es la forma en que puedes hacer condición dentro de la declaración del EP. La condición IP es muy importante en Java SiP o cualquier otro lenguaje de programación. Básicamente sin condición, no podemos imaginar la codificación. Entonces esto es para este tutorial. Vamos a aprender más sobre ello en nuestros próximos tutoriales. Gracias por ver este video, St you. 14. Tutorial de operadores lógicos de JavaScript: bueno verlos de vuelta chicos una vez más, estoy de vuelta con un nuevo tal relacionado con Javascript. En este Tutteral, vamos a aprender operadores lógicos de script Java Pero antes, vamos a tratar entender qué es el operador lógico, y cuántos operadores lógicos tenemos en JavaScript. En nuestro tutorial anterior, aprenderemos sobre la condición EP y cómo podemos establecer condición en nuestra declaración Ep. Y si la condición es cierta, entonces vas a ejecutar nuestra declaración. Como pueden ver, solo tenemos una condición en nuestro comunicado ep. Pero usando operador lógico, podemos establecer dos condiciones, de lo contrario, condición múltiple en nuestra declaración ep. Y según operador lógico, si tanto la condición escrita verdadera, en ese caso, va a ejecutar nuestra declaración. Y si una de las condiciones es falsa, de lo contrario, tanto la condición es falsa, no necesitan que vayan a ejecutar nuestra declaración. Entonces veamos cuántos operadores lógicos tenemos. Tenemos total tres operador lógico, lógico, lógico r, y lógico t. Para nd lógico, es necesario escribir dos tiempo y signo de persona. Y para r lógica, necesitas usar este signo, y puedes encontrar el signo a continuación luego clave Bassas, y para gt lógico, necesitamos usar signo de exclvación Pero antes de comenzar la práctica, necesitamos entender ¿cómo podemos usarla? Nuestro primer operador es el operador final lógico. Lo usamos dentro de la condición. Lo usamos dentro de la declaración. Si tanto la condición es cierta, en ese caso, va a imprimir nuestro comunicado. Pero si una de las condiciones es falsa, va a devolver falso y no ejecuta nuestra declaración. Nuestro siguiente operador es operador lógico. Si una de las condiciones es verdadera, entonces va a ejecutar nuestra declaración. Y si tanto la condición es cierta, también va a imprimir nuestra declaración, pero si ambas condiciones son fallan, entonces no va a ejecutar nuestra declaración. Nuestro último operador es lógico no operador. Supongamos que dice múltiples condiciones, de lo contrario, una condición en su declaración, y para usar lógica no operador, necesita escribir signo de exclusión antes del latón redondo. Este operador lógico siempre devuelve el valor opuesto. Si la condición es verdadera, entonces va a devolver false. Y si condición es falsa, entonces va a volver verdadera. Así que sin perder el tiempo, comencemos la práctica y veamos cómo es w. Y puedes ver en tu pantalla, lado a lado, abro mi visa sto coator y mi navegador usando la extensión Live Server, y mi navegador usando la extensión Live Server, ya creo el documento ESTEML llamado Idexot Atmel, y también abro mi cosol en mi Al principio, dentro de esta etiqueta script, voy a crear una variable, y nuestro nombre de variable es igual a 20. El sp dos en esta línea. Entonces en la siguiente línea, voy a usar la declaración EPS. Si dentro del proceso de ronda, voy a establecer dos condiciones. Nuestra primera condición es H, mayor que igual a 18, y ahora voy a usar nuestro operador lógico. Aquí, voy a usar la lógica n, para eso sólo para escribir dos tiempo y persona seno. Es lógico n, y H menor que igual a 21, luego dentro de los calibrados. Voy a escribir consola dot log dentro de la ronda ss, eres elegible. Después sic dos en esta línea. Aquí puedes ver, primero, establecemos un nombre de variable H y H asignado con 20. Inset la condición p, establecemos la condición total dos, y luego incrustamos la instrucción p, establecemos dos condiciones totales usando operador lógico Si tanto la condición es verdadera, ahí va a regresar, estás por ejemplo. De lo contrario, no va a devolver esta declaración. Como ve para crear esta condición, utilizamos operadores de comparación, mayores que iguales a y menores que iguales a. Entonces si configuro este archivo, como pueden ver en mi sección de consola es de impresión, usted es elegible, porque ambas condiciones son verdaderas, porque 20 es mayor que 18, y también es menor que 21. Pero si paso 24 aquí y luego configuro este archivo, como pueden ver, ahora no imprima ninguna declaración en nuestra consola. Ba ahora esta condición devuelve falso. Por eso no ejecuta nuestra declaración. Entonces de esa manera, utilizamos operador analógico. Ahora hablemos de nuestro próximo operador, que es nuestro operador. Para eso, necesitamos usar este letrero dos veces. Déjame mostrarte. Shep, debajo del espacio trasero, se puede ver el letrero para atar Si configuro este archivo, como puede ver, es impreso, usted es elegible. Porque si uno de los coniones es cierto, entonces va a imprimir nuestra declaración También, yo, tanto el conion es cierto. Si paso 20 y luego configuro este archivo, como pueden ver, también imprima nuestro estado de cuenta. Pero si ambas condiciones escribieron falsas, entonces no va a ejecutar nuestra declaración. Déjame mostrarte. Quiero aumentar la e l. Aquí quiero escribir 88, y aquí voy a pasar 70. Si configuro este archivo, como pueden ver, ahora es no imprima nuestro comunicado porque ahora tanto las condiciones leen como caen. Este es el uso del operador lógico. Ahora hablemos de nuestro último operador, que es lógico no operador. Para este ejemplo, voy a quitar nuestra declaración. Aquí, voy a escribir console dot log in set the down pastos Primero, voy a usar nuestro operador lógico no, que es signo de exclamación. Entonces voy a escribir H mayor que igual dos, 15, y luego punto y coma dos en esta línea Si configuro este archivo, como pueden ver, se cae. Pero en la realidad, la condición es cierta porque 20 es mayor que 15. Pero si usamos lógica no operador, siempre vuelve opuesto. Si la condición es verdadera, entonces va a devolver false y si condition es false, entonces va a devolver true. Si aumento el valor, y luego configuro este archivo, como pueden ver, este es el uso de nuestros tres operadores lógicos. Gracias por ver este video, estado para nuestro próximo tutorial. 15. Tutorial de declaración de JavaScript If Else: Hola chicos me alegro de verte de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con JavaScript. Y en este tutorial, vamos a aprender Java Script, if statement. Pero antes necesitamos entender lo que es si declaración. En nuestros tutoriales anteriores, aprenderemos cómo funcionan las declaraciones. IPS significa condición, y nuestra condición escrita verdadera o falsa voluntad. Y si está escrito verdadero, entonces necesitamos ejecutar nuestra declaración. Pero en este tutorial, vamos a hablar de declaración. Si la condición escrita falsa, en ese caso, va a ejecutar nuestra segunda declaración. Es decir que ya no va a volver en blanco. Algunos resultados vendrán frente a ti. Es decir que creamos una condición diferente para el valor verdadero también para el valor falso. Así que vamos a tratar de entender cómo podemos usarlo en JavaScript. Como pueden ver, tenemos declaración ep, y si la condición es cierta, entonces va a imprimir esta afirmación. Y si la condición escrita falsa, entonces es saltar a la sección L. Entonces están escritas estas declaraciones. Déjame mostrarte un ejemplo real. Supongamos que tenemos un nombre de variable X y X N con 30. Y luego utilizo sentencia if. Si x es mayor que 50, entonces imprime consol dot log mayor Y como puedes ver, x no es mayor que 50 porque el valor X es 30, y ahora va a saltar a la sección L, y luego va a ejecutar consol dot log más pequeño Entonces espero que ahora tengas el punto, cómo funciona la porción. Entonces Wout perdiendo el tiempo, comencemos la práctica y veamos cómo es así Aquí se puede ver lado a lado, abro mi estudio visa cored y mi navegador usando la extensión light sever, y ya creo un documento ESTEML llamado index dot estim llamado Al principio, voy a tomar una variable x, x assiu dos, la siempre para terminar esta línea Ahora voy a usar declaración if. Si dentro de los paréntesis, voy a establecer una condición x mayor que C t, luego dentro de la sentencia, consola dot log Dentro de los códigos dobles, voy a imprimir, x es mayor Después vamos a terminar esta línea. También, voy a crear la parte S. Luego dentro de las cajas, consola de impresión Ham dot log dentro de los paréntesis x es más pequeña X es más pequeño. Después punto y coma dos en esta línea. Si configuro este archivo, como pueden ver, es impreso, x es más pequeño. Pero si aumento el valor x, 22, y luego configuro este archivo, ahora puedes ver que es print, x es mayor. Déjame mostrarte un ejemplo real. Para eso, voy a tomar una nueva v n está en una M. Dentro del doble, voy a escribir ad uno M. Con eso, voy a tomar otra vari, y nuestra siguiente variable es Z Zener Y Zener es varón. Después g para terminar esta línea. Dentro de la declaración, voy a teclear I Zener y aquí voy a usar igual a operador Zener igual a masculino, luego imprime, quiero imprimir hola Sr.. Hola, señor.. Además, quiero imprimir el nombre. Por eso voy a llamar variable de nombre. N. Como puede ver el signo más, no se utiliza para la adición. Se utiliza para la concatenación. Usando la concatenación, podemos unir dos secuencias diferentes. También puedes unir valor numérico con st usando. Vamos a aprender sobre ello en nuestro próximo tutorial. Entonces en nuestra mala declaración, quiero imprimir Hola M. H están en. Fijemos este archivo y veamos qué pasó. Si configuro este archivo, como pueden ver, hola, señor Agregar un Mach Porque nuestro género es masculino, por eso es imprimir esta línea. Pero si me senté género, pelo femenino, déjame mostrarte. Y el conjunto de este archivo, ahora se puede ver impreso. Hola, ¿quién eres? Es claro para ti, cómo podemos usarlo declaración en la vida real. Esto es para este tutorial. Yo el siguiente tutorial, vas a aprender condición de LCI, estado une para nuestro próximo tutorial 16. Tutorial de declaraciones de JavaScript If Else: Bienvenidos de nuevo, chicos, una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este Tutteral, vamos a aprender script Java, declaración Eels Ep Tratemos de entender lo que es la declaración de Ils Ep. En nuestros tutoriales anteriores, aprendemos sobre la declaración y declaración de Ep. Pero en este tutorial, vamos a aprender la declaración de ifelse Ep Quiero decir que podemos establecer condición múltiple en nuestro comunicado EP. Como puede ver, creamos una condición EP. Después de eso, creamos otra condición ep. Si la usamos, es media si nuestra primera condición es verdadera, entonces no va a ejecutar esta condición. Pero si nuestra primera condición es falsa, entonces va a comprobar esta condición. Condición dos. Quiero decir entonces va a saltar a la declaración de LC. Si tanto la condición escrita falsa, entonces se va a ejecutar L parte, y las partes más importantes, podemos establecer múltiples sentencia LC en nuestra condición p. La parte principal que vamos a aprender en este tutorial es L. Déjame mostrarte un ejemplo real para ello. Como pueden ver, si H menos de 18, Entonces en nuestra consola, quiero imprimir, U o a joven. Con eso, quiero establecer otra condición en esta declaración del PE. Por eso usamos LC. LC, H menos de 30, en ese caso, quiero imprimir, U son bienvenidos. Yo tanto la condición escrita cae, en ese caso, en nuestra sección L, quiero imprimir, no permitir. Y en este tutorial para demostración práctica, voy a usar este porcentaje y gran gráfico. Si resultado 80-100%, en ese caso, es para devolver mérito Y si resulta entre 62, 79%, en ese caso, es para devolver primera división, y resultar entre 45% y 59%, en ese caso, es volver, segunda división. Yo resulto 30-44%, entonces es para volver tercera división, y si es menor de 33, entonces para volver fallar Vamos a crear una aplicación usando condición LCP. Sin perder el tiempo, comencemos la práctica. Como pueden ver, lado a lado, abro mi código de Visual Studio o y mi navegador usando la extensión de servidor Light, y ya creo un documento EstiML llamado Index Dot EstiML Al principio, voy a crear una variable ahí y nuestro nombre de variable es por ciento PER. Aquí voy a establecer un valor, 56, y luego podremos cambiar los porcentajes Ahora voy a crear una condición EP. Aquí estoy tipo, si dentro de la condición EP, por ciento es mayor que igual a ocho t, con eso, así voy a usar operador lógico y final, y los porcentajes, menores que iguales a 100, entonces quiero imprimir en mi sección de documentos, documento punto escribir dentro de los paréntesis, están en mérito Después punto y coma dos en esta línea. Es media si algún estudiante califica entre 82, menos de 100, lo contrario 100, en ese caso necesitamos regresar, estás casado. Para nuestra siguiente condición, voy a copiar esta sección. Aquí, antes de comenzar nuestra siguiente condición, necesitamos usar LC. Entonces tenemos que establecer la condición. Como puede ver, pegamos condición después de la declaración LCP Ahora voy a cambiar sólo las marcas. Entonces voy a quitar 80 y Amuno pas 60. Aquí también voy a quitar el igual a seno y Hamono pas 80, por debajo de 80 Es media I los estudiantes puntúan 60, lo contrario, mayor a 60 e inferior a 80. En ese caso, tenemos que regresar en primera división. Jamón tipo primera división. Entonces para terminar esta línea. Esta es una de las declaraciones LC, pero vamos a usar múltiples declaraciones LC. Para eso, voy a copiar esta sección, y voy a pasarla después de las cdbras Esta vez, una vez más, voy a cambiar el alcance. Si el porcentaje es mayor que igual al 45 y por ciento es menor al 60, en ese caso, necesitamos pasar segunda división. U R en segunda división. A continuación, vamos a crear condición para la tercera división. Voy a pasar de nuevo la condición de LCP. Su Am pasa si por ciento es mayor que igual a 33 y porcentajes menores a 45, luego imprime UR en tercera división Ahora voy a usar nuestra última declaración LC. En esta declaración, voy a usar sólo una condición, no la voy a comparar. Aquí voy a pasar e percente es menos de 33. En ese caso, quiero imprimir o fallar, y E, tanto la condición escrita falsa, en ese caso, necesitamos crear parte. L. En su lugar la calibración, quiero imprimir, documento punto escribir, en lugar de los paréntesis, por favor ingrese percentes válidos Después punto y coma dos en esta línea. Vamos a configurar el archivo y ver, ¿funciona perfectamente o no? Si configuro este archivo, como pueden ver, es impreso, usted está en segunda división. Como puede ver, el porcentaje es de 56, y es de 45-60. Por eso está escrito, estás en segunda división. Pero si cambio el porcentaje, aquí voy a pasar 98, y luego establecer este archivo. Ahora puedes ver que estás en mérito. Quiero decir si una de las condiciones es cierta, entonces va a escapar todas las condiciones incluso spar De igual manera, si paso 22 y el conjunto de este archivo, ahora se puede ver que está fallan. Pero por error, si paso más de 100 104, y luego configuro este archivo. Ahora puedes ver, por favor ingresa porcentajes válidos. Ahora es ejecutar nuestra parte LS porque todas estas condiciones escribieron falsas. No sólo eso, podemos pasar flotando bajo también. Déjame mostrarte. Yo paso 80.89 65, y luego pongo este archivo, como pueden ver, usted está en mart. También es trabajo. Básicamente, creamos una aplicación de lo más simple usando si una condición LCP Recuerde, puede establecer múltiples condiciones de LCP tanto como desee Espero que ahora te quede claro, cómo podemos usarlo. Gracias por ver este video, estado Tune para nuestro próximo Tu re. 17. Tutorial de operador ternario condicional de JavaScript: Hola, chicos es bueno verte de vuelta. Una vez más estoy de vuelta con un script Java más nuevo relacionado, y en este juicio, vamos a aprender Java script condicional operador Tina Este operador trabaja como como yo es condición. Veamos la principal diferencia entre la condición de FL y la condición tinaria El operador tenario también tiene una condición, y como saben, todas las condiciones tienen dos resultados Verdadero ya sea falso y podemos ejecutar diferentes declaraciones según resultado. Para true, podemos ejecutar sentencia diferente, y para false, podemos ejecutar otra sentencia. Entonces es bastante similar con la condición de IFs. Entonces veamos cómo podemos escribirlo en JavaScript. Al principio, necesitas crear una condición, y no necesitas escribir I para eso. También se pueden utilizar prensas redondas. Entonces necesitas usar el letrero de Kosten Mark. Y si tu condición es cierta, entonces ejecutas esta primera parte. Y si tu condición escrita falsa, y luego después de dos puntos, necesitas pasar la declaración falsa. Entonces, como puedes ver, es actuar como la condición de L, pero no parece condición de L. Y la principal diferencia entre operador T ternady y la condición eL es, no se puede usar condición múltiple en esta declaración En nuestra condición usando L C, podemos establecer condición múltiple, pero en operador ternario, básicamente, pasamos una condición Entonces veamos un ejemplo cómo es así. ¿Se puede ver, hemos puesto dos variables, A y V. Y además, se puede notar que asignamos un valor en nuestra variable A. Pero solo declaramos V variable. Veamos cómo podemos usarlo con operador ternario. Como puedes ver, si A mayor que 15, entonces asignamos valor dos. De lo contrario, si esta condición cae, en ese caso, Asignamos caídas de valor, y como puede ver, 20 es mayor que 50. Por eso va a asignar verdadero valor en nuestra variable V. Y luego podemos imprimirlo como normal v. Sin perder el tiempo, comencemos la práctica y veamos cómo funciona. Aquí puedes ver lado a lado, abro mis visas a tu coator y mis perros que usando extensión Live sever, y ya creo documento de estimación llamado Index Como de costumbre, voy a tomar una variable que A, A como 25. Y luego voy a usar Turnario operador. Después dentro del paréntesis, luego dentro de la prensa redonda, voy a escribir A igual a igual a 25 Como te dije, si usamos, operador de Turnario necesitará usar el letrero de marca quot También, voy a declarar una variable. Aquí, voy a t B. Hay utilidad para en esta línea En Hamer pase B. Si A valor es igual a 25, entonces quiero asignar true en nuestra variable Igual a, quiero escribir true. Y si la condición no es verdadera, entonces quiero asignar false en nuestra variable. Antes de crear la pieza, necesitamos usar dos puntos. Clon B asignar con false. Entonces semig a en esta línea, y ahora quiero aportar este valor en nuestra consola Aquí, voy a escribir console dot log y establecer los paréntesis, B. Luego anotar dos en esta línea Entonces, si configuro este archivo, puedes ver en mi sección de consola, es diez verdadero. Pero si paso 55 aquí y luego pongo este archivo, ahora se puede ver que son diez caídas. No sólo eso, también podemos reducir más carácter de esta línea. Para eso, voy a duplicar esta línea y comentar una anterior. Aquí voy a reducir B e igual a firmar. Como pueden ver, ya declaramos valor, y aquí quiero asignar un valor en nuestro viable. Aquí voy a escribir B igual a, y utilizo el operador stanar para asignar el valor Si configuro este archivo, Como pueden ver, también está escrito falso. Y yo me paso 55 aquí y este este expediente, también, se puede ver que está escrito cierto. Es media según condición, está escrito true, y quiero asignar este verdadero valor en nuestra variable V. Puedes usar cualquier operador de comparación. También se puede utilizar lógica y una lógica u operador. Como puedes ver cómo creamos una condición en una sola línea. Pero si usamos la condición P para eso, necesitamos escribir línea múltiple. No sólo eso, también pasamos un mensaje con eso. Déjame mostrarte. Aquí, voy a escribir dentro de los códigos dobles, valor es y luego voy a usar operador de concatenación más seno Y como te dije, los tirantes redondos son opcionales para t operador ternario. Entonces voy a sacar este de este lugar y usarlo er fur. Si configuro este archivo, ahora puedes ver que es st, el valor es verdadero. Según la condición, es Stan el v. Puedes crear cualquier tipo de condición usando operadores. Se puede usar mayor que seno, menor que seno, mayor que igual a seno, etcétera Solo necesitas recordar que no puedes pasar declaración múltiple en este lugar. Entonces espero que ahora esté ahí para ti. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 18. Tutorial de casos de interruptor de JavaScript: Hola chico es bueno verte. Una vez más estoy vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender script Java, sentencia switch case. Esta declaración es bastante similar con las condiciones de IP if else. Veamos la sintaxis de cómo escribir. Tan rápido, necesitamos teclear switch. Entonces dentro del latón redondo, necesitamos pasar una expresión. Tal vez N. De lo contrario, N V. Entonces comprobamos este valor en esta condición. Pero antes de verificar el estado, es necesario escribir Ks Q palabra. Entonces puedes crear una condición usando cualquier operador de comparación. Se puede utilizar lógica y de otra manera lógica. Entonces si la condición es verdadera, entonces va a ejecutar la sentencia. Yo la condición escrita falsa, entonces va a revisar nuestra siguiente condición. Del mismo modo, si escribió false, nuevamente, comprueba la condición tres, y cualquiera de la condición escrita true, entonces rompe la sentencia Switch. Y no va a cambiar ninguna otra condición. Usando la palabra de freno, podemos detener la ejecución. Similar a la condición else, tenemos default en la sentencia switch. Si alguna de las condiciones no devuelve true, entonces vas a ejecutar nuestra sentencia default. Solo necesitas recordar, necesitamos usar s y freno ord antes y después de la condición. Los frenos significan que ninguna declaración corre después de esto. Sin perder el tiempo, comencemos la práctica y veamos cómo funciona. Aquí puedes ver lado a lado, abro mi creador visual Sudo y mi navegador usando la extensión Lp Server, y ya creo ESTEML nombre de documento index dot ML Comencemos la declaración switch case. Pero antes voy a crear una variable. Hamer tipo V, y nuestra variable m es D D igual a uno. Entonces sub dos n esta diapositiva. Ahora quiero crear una sentencia switch case. Aquí voy a pasar un número de día, que va a devolver nuestro nombre de día como uno para el domingo, dos para el lunes, tres para el martes, etcétera Vamos a crear la caja del interruptor. Aquí voy a teclear switch. Y dentro de la desnudez, voy a pasar nuestro nombre de variable, y nuestra variable me es día, y aquí, voy a pasar el caso uno Después de dos puntos, voy a escribir documento punto justo dentro de los paréntesis dentro del doble cos, dos días es lunes Después semicon dos en esta línea. Si pasamos el caso uno, entonces escribimos el lunes, y ahora voy a duplicar estas líneas seis veces para nuestros seis días Y ahora voy a cambiar condición de caso y declaración uno por uno. Para el caso dos, quiero imprimir, hoy es martes. De igual manera, para el caso tres, quiero imprimir. Hoy es miércoles. De igual manera para el caso cuatro, quiero imprimir es jueves. Para nuestro caso cinco, quiero imprimir, hoy es viernes, y para C seis, voy a imprimir, hoy es sábado, y necesitamos crear otra declaración de caso. Entonces voy a seleccionar esta línea y duplicarla. Para K siete, quiero imprimir, hoy es domingo. Como puede ver, uno por uno, creamos cada declaración cas para nuestros nombres de días de semana Para nuestra declaración por defecto, quiero imprimir. Déjame mostrarte aquí quiero imprimir, ingresó el día de la semana vigente Fijemos el archivo y veamos qué escribió. Si configuro este archivo, como pueden ver, es impreso, hoy es lunes, porque asignamos valor uno. Del mismo modo, si paso por y luego configuro este archivo. Ahora puedes ver, ahora es impreso, hoy es jueves. Como puede ver, esta condición es cierta. Por eso imprime esta declaración. Después de imprimir este comunicado, nuestro freno Qd, deja de ejecutar otra condición Quiero decir si la condición escrita true, break no permite ejecutar otra condición. Pero, ¿qué pasó? Si quito palabra de freno de nuestras declaraciones, déjeme mostrarle. En por uno, voy a quitar toda la palabra de freno. Si configuro este archivo, como puede ver, como puede ver después del jueves, no deja de ejecutarse, e imprime todo el estado de cuenta. Hoy es viernes, hoy es sábado, hoy es domingo. Y también imprime intervald Weekday, que es nuestra declaración por defecto El break Key era muy necesario en la declaración de switch case. Volvamos a la posición anterior porque necesito descanso. Si configuro este archivo, como pueden ver ahora es trabajo con precisión. Espero que ahora te quede claro. ¿Cuál es el uso de la guerra de ruptura? Déjame mostrarte una cosa. Ahora quiero imprimir el mismo valor para el caso uno, el caso dos y el caso tres. Para eso, podemos escribir así. Voy a copiar el caso dos, y después del caso uno, voy a pegarlo. De igual manera, voy a copiar el caso tres, y después del caso dos, lo voy a pegar aquí. Ahora voy a quitar estas dos condiciones. Aquí, voy a pasar el caso tres. Si configuro este archivo, como pueden ver, es hoy lunes. De esta manera, podemos devolver el mismo resultado para diferentes casos. Como puede ver para el caso uno, caso dos y el caso tres, regreso hoy es lunes. Básicamente, podemos verificar múltiples casos en una sola línea. Además, puedes pasar aquí múltiples declaraciones. Voy a fechar esta línea, y aquí voy a pasar hola por encima. Si configuro este archivo, puedes ver el resultado hoy lunes, hola mundo. Ahora te voy a mostrar ¿cómo podemos usar sentencia switch case con operador de comparación? Para eso, voy a tomar una variable nombre H. Voy a st H 30. Aquí voy a trabajar con sólo tres o cuatro casos. Aquí voy a borrar todos los casos. Dentro de la ronda ss, voy a pasar. Es decir, la declaración de switch case debería continuar. Aquí no pasamos ningún wh, sino que automáticamente enciende nuestro interruptor porque dijimos verdadera rueda. Pero aquí, solo quiero usar operador de comparación. Dentro de la prensa redonda, y aquí, voy a crear una condición. H mayor que igual a 18. Con eso, voy a usar y operador, y menos que igual a 25, entonces quiero imprimir en mi documento. Voy a quitar un estado de cuenta de documento y aquí quiero imprimir, usted es elegible. Esta es nuestra primera condición de caso, y voy a duplicar de nuevo esta sección. Quiero crear otra condición de caso. Perdón, cometí un error. Aquí necesitamos usar mayor que igual a seno. Si un mayor que igual a 26 y menor que igual a 60, entonces quiero imprimir, usted no es elegible. En nuestro estado de cuenta difert, quiero pasar ingrese la edad válida Hg Vamos a establecer el archivo y ver qué está escrito. Si configuro este archivo, como puedes ver, aquí puedes ver, es impreso ingresa la edad válida. Creo que volví a cometer algún error. Aquí necesitamos usar mayor que signo. Si configuro este archivo, ahora puedes ver, no eres elegible. Como puedes ver nuestra edad 26-60. Por eso es impreso, no eres elegible. Pero si cambio la edad, 22, y ahí establecí este archivo, ahora puedes ver que eres elegible. Pero si paso valor menor que et y mayor que 60, entonces va a saltar a la declaración por defecto, e Print ingresó la edad válida. Déjame mostrarte. Aquí paso 15, y después configuro este archivo, como pueden ver , ingrese la edad válida. También, si paso 77, y luego configuro este archivo, como pueden ver, también es impreso, ingrese la edad válida. Porque aquí creamos dos casos. Nuestra primera caja, borde de mango 18-25, y nuestra segunda caja, borde de mango entre 26 y menos de 60 Aquí quiero mostrarte cómo podemos usar sentencia switch case con operadores de comparación. Espero que ahora te quede claro. Gracias por ver este video, St tune para nuestro próximo tutorial. 19. Tutorial de cajas de alerta de JavaScript: Hola, chicos, bueno verte. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con JavaScript. Y en este tutorial, vamos a aprender el cuadro de alerta Java Script. Básicamente, utilizamos el cuadro de alerta para mostrar el mensaje. Y también, podemos mostrar diferente valor en caja de alerta. Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Él se puede ver lado a lado, abro mi editor de código de estudio de usuario y mi navegador usando extensión de servidor ligero, y ya creo un documento EstiML llamado Index dot stem Entonces primero, dentro de la etiqueta script, voy a escribir alert. Y luego necesitamos proporcionar latón redondo. Aquí podemos mostrar cualquier mensaje. También puedes mostrar cualquier variable. Pongo el latón redondo, voy a teclear, los dobles es, hola mundo. Después semicon a n esta línea. Si configuro este archivo, aquí se puede ver en un navegador, proporciona un cuadro de alerta y se imprime hola palabra. Es una caja pop up estañada. Yo pres entonces es quitar caja de alerta. Si quieres mostrar un mensaje en un pop up, en ese caso, puedes usar el cuadro de alerta. Usemos la caja de alerta con una condición. Aquí, primero, voy a crear dos variables. A A SN 15, luego semicon a n esta línea Entonces voy a duplicar esta línea y nuestra siguiente variable es B y B 20 t Ahora voy a crear una condición EP. Si dentro del latón redondo, A, mayor que B, luego dentro del becerro, y luego dentro del becerro, voy a llamar bolas de alerta, alerta Aquí voy a pasar un mensaje. A es mayor. Después subgo línea. A continuación, voy a crear la sp. Ls dentro de las calibraciones, una vez más, voy a llamar al cuadro de alerta, Alerta, y quiero imprimir B es mayor Después smog a esta línea. Fijemos el expediente y veamos qué pasó. Si configuro este archivo, como pueden ver, está escrito en caja de alerta. Imprimo, B es mayor. Si quieres mostrar los líos muy argentemente, y con enfoque, en ese caso, puedes usar el cuadro de alerta Y para eliminar el cuadro de alerta de nuestro navegador, necesitamos presionar. No sólo eso, también podemos pasar valor simple en nuestro cuadro de alerta. Si paso nuestra variable, A y paso o variable B. Y si pongo el suelo, se puede ver el resultado. C. Está escrito B. Solo quiero mostrar que puedes imprimir cualquier masa, lo contrario, puedes braguar cualquier variable en. Además, se puede mostrar concatenar en. Déjame mostrarte. Aquí voy a escribir dentro del código doble Valor de Bs y ahora necesito usar concreto net sign plus sign. Si configuro este archivo, como pueden ver, es print, el valor de B es 20. No sólo eso, también puedes hacer cualquier cálculo aritmético aquí. Déjame mostrarte. Aquí voy a crear un nuevo cuadro de alerta. Alerta dentro de la desnudez, quiero unirme A con B. Entonces va a terminar esta línea Si configuro este archivo, como pueden ver, sprint cinco. Espero que ahora esté claro para usted, qué es la caja de alerta, y cómo podemos usarla. Gracias por ver este video, Sun para nuestros dos próximos. 20. Tutorial de caja de confirmación de JavaScript: Hola chico es bueno verte B. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. Y en este tutorial, vamos a aprender script Java, Confirmar cuadro. Confirmar caja, P es similar con caja ALT. Pero confirme casilla, hazte una pregunta, que tienes que responder con sí o no. Y podrás realizar tu próximo programa acuerdo al resultado. Entonces, sin perder el tiempo, comencemos la práctica a ver cómo se resolvió. Como pueden ver lado a lado, abro mi reser stdio creator y mi navegador usando la extensión del servidor light, y ya obtengo el punto de índice del nombre del documento eTel Entonces aquí, dentro de la etiqueta script, al principio, voy a escribir Confirmar. Dentro de la desnudez, voy a hacer una pregunta, y nuestra pregunta es, ¿ te gusta Java Script Después semicon para terminar esta línea. Así que vamos a establecer el archivo. Como puede ver después de establecer el archivo, devolvió una caja de confrontación. Y como veis, hemos puesto un botón de dos, y cancelamos. Y si presionas, E significa, es tornillo, y si presionas cancelar, es media es falsa. Si presiono alguna de ellas, va a retener nada. Entonces voy a presionar. Como se puede ver no sten nada porque no hemos realizado el siguiente programa. Voy a poner esta caja de confron en una variable. Entonces escribe que esa X igual a esta caja de confrontación. Entonces quiero imprimir esta contro box en caja de alerta. Aquí voy a llamar a Alert. Yo digo que presiona, voy a llamar a la variable X. Hay suborn dos en esta línea Entonces, toquemos el archivo y veamos qué pasó. Como puede ver, después de recargar mi navegador, se imprime una caja de confirmación ¿Te gusta J? Entonces aquí, voy a presionar. Después de presionar Bien, ya puedes ver, puedes ver mi caja de alerta, está escrito porque presionamos. Medios. Del mismo modo, si vuelvo a cargar mi navegador y luego presiono cancelar, ahora puedes ver que es archivo lapidado La mayoría de las veces, lo usamos con condición P. Déjame mostrarte cómo. Hm, dentro de la paraless, o variable x Luego dentro de la clase, voy a llamar a Alert. Luego dentro de la clase, voy a llamar a Alert Alerta, quiero imprimir bienvenida. Y entonces necesitamos crear la condición's. Es, dentro de los calibrados. Una vez más, voy a llamar al buzón de alerta. Alerta. Aquí, quiero imprimir, adelante. Después pasamos a terminar esta diapositiva. Fijemos el expediente y veamos qué pasó. Así que presiona este archivo y avisa a este navegador. Como se puede ver, primero pide la lata. ¿Te gusta JS? Aquí, voy a presionar. Si es, hay pinta de bienvenida De igual manera, si realert mi navegador, y si presiono cancelar, en ese caso, va a imprimir la parte s. Como se puede ver impreso, adelante. Yo ahora está claro para usted, cómo podemos usar la caja de confirmación. La mayoría de las veces lo usamos con condición EPL. Y también, utilizamos este cuadro de confirmación con eventos, como eventos de botón. Cuando presionamos el botón, entonces nos pide la ción. Si presiona S, entonces procede más allá. También lo uso cuando los usuarios intentan cerrar su navegador. De lo contrario cancelamos esa descarga, y vamos a aprender sobre ello en nuestros tutoriales que ocurren, cómo podemos usar caja compuesta con eventos. Así que gracias por ver este video, estado incluso para nuestro próximo tutorial. 21. Tutorial de cuadro de indicaciones de JavaScript: Hola chico es bueno verte de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender Java Script Prompt box. En nuestros tutoriales anteriores, aprenderemos sobre la caja ALT y la caja de confirmación. Nuestro cuadro de aviso también es similar con eso. Pero las principales diferencias, podemos obtener datos del usuario usando prompt box. Sin perder el tiempo, veamos cómo podemos usarlo prácticamente. Como pueden ver, lado a lado, abro mi codador Visa Sudo y mi navegador usando la extensión del servidor Lb, y ya creo un nombre de documento estil Index Aquí, al principio, voy a escribir Prompt. Y dentro de la desnudez, voy a pasar un mensaje ¿Cuál es tu nombre? Después semicon a n la línea Fijemos el expediente y veamos qué pasó. Si configuro este archivo, como pueden ver, ese es un cuadro de aviso, y se pregunta, ¿cuál es su nombre? Si me paso un nombre y quiero escribir agregar uno, y luego voy a presionar, como se puede ver después de presionar, aquí no pasó nada porque no usamos el valor. Para eso, voy a asignar este prompt en una variable. Aquí voy a escribir v x, x assu este cuadro de aviso Lo que pase en el cuadro de aviso, va a asignarle a este valor x, y quiero imprimir este valor en nuestra sección de consola. Aquí voy a escribir console dot log dentro de las rondas, voy a pasar la variable x. luego semicon dos en esta línea En mi navegador, voy a abrir el panel de mi consola. Vamos a configurar el archivo y alertar al navegador. Como pueden ver, después de configurar este archivo, se puede ver el cuadro de aviso y aquí, voy a pasar el nombre a una media. Si presiono, puedes ver el nombre en mi sección de consola en un Manj Usando Pn box, podemos obtener datos del usuario, y podemos obtener cualquier tipo de valor usando Pn box, numeric, string, et c. Ahora voy a usar Pn box con condición IS. Para eso, voy a usar nuestro viejo ejemplo. Aquí, voy a poner todas las líneas y quitarlo. Y voy a pegar nuestro código de ejemplo anterior. Como pueden ver en este ejemplo, pasamos los datos, pero quiero obtener los datos del usuario. Para eso, aquí voy a usar la caja Pront. Prompt y dentro de las prensas redondas, voy a escribir ingresa tu porcentaje. Sea lo que pase nuestro usuario, va a asignar a nuestra variable PR. Entonces según la condición EP, va a imprimir el resultado. Como puede ver, después de Sep el expediente, tiene el porcentaje. Aquí voy a pasar 67%. Entonces voy a presionar. Como puedes ver, es impreso, estás en primera división. Ser 67 está entre esta condición, mayor que igual a 60 y menor que igual a 80. Por eso se imprime, estás en primera división. Ahora no necesitamos cambiar ningún valor en nuestro documento. Obtenemos directamente los datos del navegador usando el cuadro Prompt. Espero que ahora te quede claro. ¿Cómo podemos usar Prompbox en un ejemplo real? Gracias por ver este video, state une para nuestro próximo tutorial. 22. Tutorial de funciones de JavaScript: Hola chico es bueno para ver donde. Una vez estoy de vuelta con un nuevo Tutorial relacionado con el chirrido de Java, y en este tutorial, vamos a aprender las funciones de sentadilla de Java Veamos cuál es la situación en la que tenemos que hacer más trabajo sin función. Y ¿cómo podemos ahorrar tiempo y esfuerzo usando la función? Aquí, puedes ver, escribimos tres líneas usando el derecho documentado. Y después de estas tres líneas, escribimos otra línea de códigos. Por otra parte, necesitamos usar las mismas líneas. Entonces como puedes ver, para eso, necesitamos usar múltiples líneas de código. Y quizá tengamos que usar esta línea en el futuro. Pero el problema es, si tenemos que cambiar esta línea, tenemos que cambiarla una y otra vez. Supongamos que quiero cambiar el mundo de la bienvenida. Entonces en ese caso, necesitamos cambiarlo A L, y es proceso muy difícil y aburrido. Y también aumenta las líneas de código innecesarias. Para resolver este chyro problen, tenemos funciones. Por ejemplo, creamos una función llamada X Y Z. Y luego dentro de las calibraciones, dijimos esta tres línea de código Y siempre que necesitemos usar esta línea de código, en ese caso, necesitamos llamar a nuestra función XYZ. Y cada vez que llamamos a la función, después de un nombre de función, necesitamos usar run brass, y luego enviar para terminar esta línea. Y podemos llamar a esta función cuántas veces queremos. Como puede ver, no necesitamos teclear líneas innecesarias una y otra vez. Y si queremos cambiar alguna declaración, entonces solo tenemos que cambiar de función, y va a aplicarla por todo el código. Ahora, hablemos de la sintaxis. Cómo podemos escribir en JavaScript. Al principio, necesitamos usar la palabra clave function, y luego necesitamos asignar un nombre para esta función. En nuestro caso, nuestro nombre de función es nombre. Y recuerda, no puedes proporcionar ningún espacio en el nombre de la función. Y además, puedes usar estuche camel. Con eso, puedes usar subrayado, pero no puedes proporcionar ningún espacio en este nombre Después de eso, necesitas usar dos carreras redondas. Y luego dentro de las razas de color, puedes establecer tu declaración, y puedes escribir tantas líneas de código como quieras aquí. Y donde sea que necesites llamar a la función, solo necesitas escribir el nombre de la función, luego redondear carreras, y ceder a esta línea Y el lugar donde creamos la función se llama defination de función De lo contrario, podemos llamarlo declaración de función. Y siempre que necesitemos llamar a la función, podemos llamarla llamando a una función. Y podemos llamar a la función cuantas veces quieras. Así que sin perder el tiempo, menos 30 prácticos y ver cómo le dolía. Como pueden ver, lado a lado, abro mi visual así Cordtor y mi hermano usando la extensión Light Server, y ya creo documento de estimación llamado Index dot atable Entonces dentro de esta etiqueta script, primero, voy a crear la función. Para ello, necesitamos teclear función QR. Función. Y luego tenemos que pasar el nombre de la función, y nuestro nombre de función es hola. Y luego introducimos las carreras redondas. Y ¿cuál es el uso real de las carreras redondas que vamos a aprender en nuestros próximos tutoriales? Entonces dentro de la llamada ss, voy a escribir nuestro comunicado. Él voy a escribir documento punto justo dentro de la ronda ss, y dentro del doble cos, voy a escribir hola a todos. El núcleo para poner fin a esta línea. Como puedes ver, hola declaramos función hola. Y ahora tenemos que llamar a la función. Para eso, solo necesitamos escribir el nombre de la función. Hola. Y luego necesitamos usar carreras redondas. El semen para acabar con esta línea. Si configuro este archivo, como pueden ver, se imprime. Hola a todos. No solo eso, si duplico esta línea varias veces y ahí configuro este archivo, ahora lo puedes ver imprimir Hola, a todos. Varias veces. Y ahora decido cambiar de opinión. No quiero imprimir. Hola a todos. Quiero imprimir Hola y bienvenidos. Para eso, solo hay que cambiar en la definición de la función. Aquí voy a escribir. Hola, y bienvenidos. Yo me satisfizo, se puede ver el. Tienes que cambiar solo en un lugar y el descanso se cambiará automáticamente. También puedes escribir cualquier cosa entre esta llamada a la función. Déjame mostrarte. Aquí quiero escribir documento punto escribir establecer la ronda dice, quiero usar freno ta B R. Entonces semag para terminar esta línea A continuación, quiero imprimir docu punto escribir, y aquí quiero imprimir, esta es la función pi Y luego semicon en esta línea. Si configuro este archivo, puedes ver el resultado. Como puedes ver, primero imprime, hola y bienvenido para nuestra función llamando. Entonces proporciona un descanso. Y en la siguiente línea imprime, esto es función torial. Después de eso, imprime toda la declaración de llamada a la función . Hola y bienvenidos. Sólo quiero decir, aquí puedes usar cualquier condición, loop, cualquier enunciado, etcétera Además, podemos crear múltiples funciones tanto como queramos. Voy a fechar esta línea, y voy a crear una nueva función, y nuestro nombre de función es nombre. Y tipo Jamón, Mi nombre es Adon. Si configuro este archivo, como pueden ver, no pasa nada. No hay cambios porque no llamamos a la función. Aquí, voy a usar otra etiqueta de break. Documento comió descanso. Entonces voy a llamar a la función de nombre. Uñas. Si configuro este archivo, ahora se puede ver, atlas se imprime, mi nombre está en uno. Entonces esto es todo para este tutorial. Yo solo te presento lo que es la función y cómo es el trabajo. Y en nuestros próximos tutoriales, vamos a aprender versión avanzada de funciones. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 23. Funciones de JavaScript con parámetros: Pero para verles una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java scrit en este tutorial, vamos a aprender funciones de Java split con parámetros En nuestro tutorial anterior, aprenderemos cómo podemos imprimir esta sentencia tres veces múltiples usando la función. Necesitamos crear la función, y luego tenemos que llamar a la función. Pero cada vez quiero algunos pequeños cambios cuando llamo a las funciones. Para ello, tenemos parámetros de funciones. Tratemos de entenderlo. Como puedes ver en este ejemplo, creamos dos variables x e y, y decimos X valor 12 e y valor 17. Entonces sumamos este valor de dos en nuestro Taku. Pero si necesitamos hacer el mismo trabajo con diferente valor, en ese caso, necesitamos volver a escribir esta línea de tres. Aquí simplemente perseguimos el valor de la variable, nada más. Para resolver este tipo de problemas, vamos a crear una función donde podamos pasar parámetro. Entonces aquí puedes ver, creamos una función, que es clavo. Y aquí tomamos dos variables A y V. Ambas variables son parámetros. Y después de obtener el valor del parámetro, podemos agregar estos dos en nuestro documento. Pero cuando necesitamos llamar a la función, con eso, tenemos que pasar dos. En nuestro caso, A valor y V, 19 y 80. No sólo eso, también podemos pasar la variable m. En nuestro caso, X e Y, el valor X es 19 y el valor y es ocho. Entonces básicamente, quiero decir que podemos usar esta función varias veces con diferentes. Entonces veamos la sintaxis, cómo podemos escribir js. Al principio, necesitamos escribir tecla de función. Entonces necesitamos tomar un nombre de función. Puedes tomar cualquier nombre. Entonces tenemos que tomar los parámetros. Dentro del pasto, podemos tomar variables para parámetros. Puedes tomar múltiples parámetros tanto como quieras. Y luego dentro del colerass, según el tipo de parámetro y valor, se puede ejecutar cualquier sentencia Puedes calcular cualquier estado de cuenta, puedes imprimir cualquier estado de cuenta. Puedes hacer lo que quieras. Y cuando necesitas llamar a la función, solo necesitas escribir el nombre de la función, y luego necesitas pasar el argumento uno y el argumento dos. Se puede pasar directamente un valor de argumento. De lo contrario, puede tomar cualquier nombre de variable como argumento. Entonces, cualquiera que sea el valor que pasemos en el argumento uno, va al parámetro uno. De igual manera para el argumento dos. Cualquiera que sea el valor que pasemos en el argumento dos, va al parámetro dos. Entonces, sin perder el tiempo, comencemos la práctica y veamos cómo está o. Aquí puedes ver lado a lado, abro mi editor de código iso Studio y mi navegador usando la extensión Light Server, y ya creo el archivo Index dot estable. Entonces primero, voy a crear una función. Para eso, primero, necesitamos usar function queer, function, y nuestro nombre de función es hola. Después dentro de la ronda ses, voy a tomar dos parámetros. Nuestro primer parámetro es Fn, y nuestro segundo parámetro es N, en significa nombre y Lam significa apellido De lo contrario, apellido. Después dentro del ss, voy a imprimir documento punto justo dentro del ss redondo, quiero imprimir una declaración. Dentro de los códigos dobles, voy a t hola. Entonces más seno, y voy a llamar a nuestro primer parámetro. De lo contrario, nuestra primera variable, In Fn, luego más seno, o segunda variable, I. Luego vaya a terminar esta línea Además, si quieres espacio entre nombre y apellido, necesitas agregar otro letrero de concreción. Y entre ellos, voy a usar doble cos. Además, voy a usar un espacio dentro del doble. Ahora, llamemos a la función. Su tipo, hola. Entonces dentro del vestido, tenemos que pasar la discusión. En nuestro primer argumento, tenemos que pasar nombre de pila, y voy a pasar agregar uno. Entonces necesitamos usar CA y en nuestro segundo argumento, necesitamos pasar apellido, que es ange. Después sem la columna dos en esta línea. Si configuro este archivo, aquí lo puedes ver imprimir hola a un mech Si notas, puedes ver, no hay espacio entre hola y agregar uno. Entonces para eso, podemos brindar un espacio después del hola. Si configuro este archivo, ahora puedes verlo imprimir hola a un mech Pero, ¿qué? Si no pasamos un argumento, déjenme mostrar. Si elimino mech, y luego configuro este archivo A se puede ver, se imprime, hola a la una, entonces es print undefined. Es decir que nuestro segundo parámetro no llega a ninguna parte. Y si elimino tanto el argumento, Y ahí en este archivo, ahora se puede ver hola undefined, undefined. Para resolver este tipo de problemas, podemos establecer el valor predeterminado en nuestros parámetros. Que se siembre. Aquí, vamos a pasar un valor por defecto. Snam igual a dentro del doble curso. Voy a escribir Na y nombre igual a dentro del doble curso, voy a pasar SN. Si configuro este archivo, como pueden ver, por defecto, es imprimir hola nombre apellido. Entonces yo usuario voy a proporcionar parámetro, entonces en ese caso, va a imprimir el predeterminado, nombre y apellido. Pero si los usuarios pasan su nombre, déjame mostrarte H n Type, primer nombre rueda. Y segundo nombre del coma dentro de la cita doble Smit. Si configuro este archivo, ahora se puede ver que es imprimir hola Rueda Smel Básicamente, parámetro sobre leer la rueda por defecto. Entonces espero que ahora te quede un poco claro cómo podemos usar parámetro con funciones. Y ahora voy a llamar a esta función empate múltiple. En esta declaración, voy a concatenar un break ti. Además, dentro de los códigos dobles B R. Y voy a duplicar esta línea, hola. Y en esta función, voy a pasar un nombre y apellido definidos. Y aquí quiero pasar el Paso Sma. Si configuro este archivo, ahora puedes ver en nuestra segunda línea un sprint hola pasos. No sólo eso, también podemos ejecutar el cálculo usando la función. O eso, voy a crear otra función. H Voy a atar función. Función y nuestro nombre de función es sum. Entonces dentro del proceso down, voy a tomar dos parámetros, A y B. Entonces voy a empatar Dom eso justo dentro del proceso redondo, voy a agregar este dos parámetro A más B, luego semicon a n esta línea Ahora voy a declarar dos variables. Nuestra primera variable es X. H al tipo X. Asignar 23. Entonces voy a representar esta variable, y nuestra siguiente variable es y. Y, 30 Y ahora quiero llamar a esta función, o alguna función. Entonces dentro del redondo dice, Aquí quiero pasar dos variables lim como argumento X, com Y. Entonces smegal a esta línea Si configuro este archivo, como pueden ver en mi navegador, es print 53. En nuestra función anterior, pasamos directamente la V. Pero en esta función, establecemos el valor en una variable, luego pasamos la variable como argumento. Entonces espero que ahora te quede completamente claro, cómo podemos usar parámetro con funciones. Gracias por ver este video, estado por nuestro próximo al v. T. 24. Tutorial de funciones de JavaScript con valor de retorno: bueno verlos de vuelta chicos una vez más, estoy de vuelta con un nuevo tutorial relacionado con Javask En este tutorial, vamos a aprender función con velo escrito. En nuestro tutorial anterior, aprendes cómo podemos usar parámetro y cómo podemos enviar argumento a este parámetro e imprimir diferentes resultados según el velo. Pero en alguna situación, no necesitamos escribir el valor en nuestro documento. Quiero usar este cálculo en otro lugar en el futuro. Para eso, no necesitamos usar la declaración de escritura. Necesitamos usar declaración escrita. Y para devolver este valor, tenemos algún método especial en pantalla Java. Entonces intentemos entender. Necesidad de atar QR escrito y valor. Y nuestro valor escrito va a asignar a esta variable nombre. En nuestro caso, Z. así como puedes ver, cuando llamamos a la función, va a almacenar el valor escrito en nuestra variable Entonces, sin complicarlo, comencemos la práctica. Como puedes ver en tu pantalla lado a lado, abro mis visas vio codator y mi navegador usando extensión de servidor light Y ya creé un documento de estimación Nombre índice punto STML Y además, se puede ver dentro de esta etiqueta script, ya creamos una función Name. Y a él le pasamos dos parámetros, F nombre y nombre. Y también decimos nombre diferido y apellido. Y ahora no quiero imprimir nuestro nombre y apellido en mi página web. Quiero devolver el il. Para eso, primero, voy a tomar una variable que A, A igual a. Ahora voy a llamar a nuestro parámetro. Nuestro primer parámetro es el nombre F. F nombre. Entonces voy a usar congregación si. Dentro del doble cos, voy a proporcionar un espacio, y después de doble cos, voy a volver a usar congennation sine, luego apellido Un Semcal dos en esta línea. Como pueden ver, iniciamos el valor en la variable A, y ahora quiero devolver este il. Para eso, necesitamos usar palabra escrita. Regresa, regresa A, y Semcal a en esta línea. Siempre que llamemos a la función va a devolver una variable. Ahora, llamemos a la función. El nombre de nuestra función es nombre. Ellos dentro de la desnudarse, O primer argumento es agregar uno, y coma y nuestro segundo argumento se cumple y Sec dos n esta línea Si configuro este archivo, como pueden ver, no imprima un estado porque sea cual sea el valor que esté escrito, no usamos este velo. Para eso, voy a volver a almacenar esta función en una variable. Aquí, voy a crear eso y nuestra variable s n para nombre igual a nuestra función. Entonces voy a imprimir esta variable. Entonces escribe documento punto justo dentro de la desnudez n. el sem maíz dos en esta línea Si configuro este archivo, ahora se puede ver es imprimir a una Mach. Entonces cuando pasamos el valor como argumento, va a almacenar a este parámetro. Después calcula tanto el parámetro asigna a esta variable. A. Y luego devolvemos esta variable usando escrito y el valor escrito asignado a esta variable n, y luego imprimimos la variable n. Por eso se imprime a una M. espero. Ahora es poco claro para ti cómo podemos usar el valor escrito. Ahora, déjame mostrarte un uso adverso de rueda escrita. Y ahora voy a crear una función la cual va a devolver porcentaje usando fórmula. Y aquí voy a tomar un total de tres parámetros. Déjame mostrarte. Además, voy a cambiar el nombre de la función, que es algo. Y él pas Mth peca a Sc, y por lenguaje GNL Ahora voy a sumar este parámetro de tres y y ascender este valor en esta variable A. Tipo Ho, Pecados matemáticos más lenguaje. Ahora voy a crear un total variable. Y en conjunto esta variable, voy a llamar a esta función de suma. Suma de tipo Hm. Entonces en set la desnudez, y aquí voy a pasar tres argumentos 34, coma 56 coma 75. Y yo pongo en el valor total aquí, total, y luego configuro este archivo, como pueden ver, es re el valor total. Ya nos enteramos de ello. Cómo podemos usarlo. Y ahora voy a crear otra función. Quién va a devolver los porcentos. Su función tipo, y nuestro nombre de función es por ciento. Entonces dentro del latón redondo, voy a pasar solo un parámetro, y nuestro parámetro am es t significa total. Entonces dentro del latón redondo, voy a crear una variable y nuestra variable m es porcentajes R es igual a dos, y para obtener los percentes, necesitamos dividir el total con 300 Y entonces necesitamos multiplicar esta división con 100. Ahora, puede devolver este valor, y también puede imprimir este documento directamente desde esta función. Aquí voy a imprimir el documento directamente desde esta función. Su documento tipo punto justo dentro de las carreras redondas, aquí voy a pasar el nombre de la variable por porcentajes medios Entonces sellar a n esta línea, y ahora voy a llamar a esta función. Entonces voy a quitar esta línea, y aquí voy a llamar por ciento Por ciento dentro de las carreras redondas. Aquí necesito pasar el valor de retorno de alguna función, que es total, porque almacenamos el valor reten en vari total, H para pasar total, H para pasar total, y punto y coma Si configuro este archivo, ahora se puede ver, es imprimir el resultado, 55.001 Nuestra primera función devuelve el total y nuestra segunda función imprime los porcentos. Si cambio el número, déjame mostrarte 58 y ellos configuran este archivo, puedes ver, también es cambiar los porcentajes Básicamente, aquí quiero decir, podemos usar el valor escrito en otra función como argumento. Entonces espero ahora s para ti, lo que está escrito y cómo podemos usar el valor escrito en otra función. Gracias por ver este video, estad atentos para nuestro próximo codio 25. Tutorial de variables globales y locales de JavaScript: Hola Ga es bueno verte donde. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Javas. Y en este tutorial, vamos a aprender variable local y global. Entonces intentemos entender qué es la variable local y global. Como puede ver, asignamos una variable z, y su valor es 49. Dentro de la función, asignamos otra variable y, y su valor es 45. La variable fuera de la función se llama variable global, y la variable dentro de la función, que se llama variable local. Pero hay diferencia entre estas dos variables. Tratemos de entenderlo práctico. Como pueden ver lado a lado, abro mi editor de código Visa Studio y mi navegador usando la extensión Life Server, y ya creo un nombre de documento de estimación en Ezo estim Y dentro de la etiqueta script, primero, voy a declarar una variable. A, que es una variable global igual a, 34. Y luego voy a crear un nombre de función H. Function y nuestra función mes. Después dentro de las cajas, voy a escribir Dum punto derecho. Es el ss, quiero imprimir la variable A, un subcon para terminar esta línea Y ahora quiero llamar a la función. O función mes H y subgin para terminar esta línea. Si configuro este archivo, como pueden ver, imprimir cuatro, pero creamos una variable fuera de la función. Y ahora quiero imprimir este valor sin función. Entonces aquí voy a escribir D um punto escribir dentro de la ss o variable en A, un semicon a en esta línea Además, voy a agregar una etiqueta de cerveza en esta declaración, que está dentro de la función. Signo de cgdion, insertar los códigos dobles B. Si configuro este archivo, ahora puedes verlo pin 34 y 34, nuestro primer valor proveniente de la función H, y nuestro segundo valor proveniente del estado derecho dopin Ahí, solo quiero decir, podemos usar la variable global dentro la función y fuera de la función. Podemos usarlo en cualquier lugar. Pero si muevo esta capaz dentro de esta función, déjame mostrarte así cortaré esta capaz y la pegaré dentro de esta función. Y dest este archivo. Ahora puedes ver sprint 34 solo un ti. Es sprint el valor de la función H. Pero no imprime el valor del estado do porque ahora no es una variable global. Ahora es variable local, y es trabajo sólo para esta función, no fuera de la función Y si te muestro por qué sección Cs, puedes ver un error en la línea número 70. Déjame mostrarte. Inspeccionar Cs. Como se puede ver, es sprint co referencia ero, A no se define. Línea número 70, y se puede ver el. En la línea número 70, imprimimos este estado. Ahora, A ya no es una variable global. Por eso no puede traer esta declaración. Pero si vuelvo a clar esta variable, déjame mostrarte. Ahora, voy a redlate esto muy bien como una variable global, y voy a cambiar el il 44. Si configuro este archivo, ahora se puede ver nuestro documento punto escribir declaración imprimir 44, pero nuestra función escrita 34. Porque cuando usamos la misma variable m, es que la función, quiero decir si usamos la variable local usando mismo nombre va a anular la variable antigua. Es por eso que nuestra función y declaración documental escribieron diferente valor. Entonces espero que ahora te quede claro. Tiene por ver este video, estado ONU para nuestro próximo. 26. Tutorial de eventos de JavaScript: Hola, chicos, me alegro de verles. Una vez más, estoy de vuelta con un nuevo Tutorial relacionado con Javas y en este tutorial, vamos a aprender eventos de JavaScript. Estos son los arrendamientos de eventos más básicos, y vamos a cubrir todos estos intratoriales Nuestros eventos de primer clic son evento de clic del mouse, clic, doble clic, clic derecho. Con eso, tenemos mouse over, mouse out, mouse down y mouse. Y de manera similar, tenemos eventos para teclado. Él pres key up y nuestros últimos cuatro eventos para las ventanas de nuestro navegador Cargar, descargar cambiar el tamaño, desplazarse. Básicamente, usamos este evento para llamar a una función. Estos son los eventos más básicos en JavASP. Sin eso, tenemos algunos eventos más. Yo menos uso. Por eso decido cubrir los más útiles y básicos. Si recuerdas en nuestros tutoriales anteriores, cuando actualizamos nuestra página , ejecuta nuestra función. Y si usamos eventos, nuestra función no se ejecutará por sí misma. Ahora, cuando usas uno de los eventos, llama a nuestra función. Entonces, con descansar tu tiempo, comencemos lo práctico y tratemos de entender cómo está dolorido. Y se puede ver lado a lado, abro mi editor de código de estudio de usuario y mi navegador usando la extensión Lf Server, y ya creo un documento sml, index dot a sml Y además, se puede ver en mi etiqueta script, creamos una función llamada hola y un escupir hola a todos En nuestros métodos anteriores, nosotros nuestra función directamente. Aquí voy a llamar a nuestra función. Entonces quiero escribir hola o función. Delgado punto y coma a en esta línea. Si configuro este archivo, como pueden ver, es impreso, hola a todos. Así que cuando presiono mi navegador siempre es llamar a la función e imprimir o declaración. Hola a todos. Pero no quiero llamar así a esta función. Quiero que cuando haga clic en un botón, es sprint esta declaración. Para eso, dentro de mi etiqueta corporal, voy a crear un botón. Y el nombre de nuestro botón es K. Y ahora voy a usar un evento, y nuestro nombre de evento es k Para eso, necesitamos empatar Key on K. Y luego dentro de los códigos dobles, necesitas llamar a la función a la que quiero llamar, y quiero llamar a esta función hola. Entonces voy a cortar esta afirmación de aquí, cortarla y pegarla dentro de los códigos dobles. Y voy a servir este expediente. Ahora puedes ver que hay un botón en mi documento. Vamos a manchar el botón y ver qué pasó. Si hago clic en este botón, como pueden ver, sprint hola a todos. Entonces espero que ahora quede claro cómo podemos usar los eventos. No solo eso, usando eventos, puedes desactivar la casilla de alerta. Déjame mostrarte. Aquí, voy a teclear er. Si configuro este archivo, y esta vez, si hago clic en este botón, como pueden ver, es cuadro de alerta impreso, y es sprint nuestros mensajes. Hola a todos. De igual manera, tenemos muchos eventos en Java cli. Veamos cómo escribirlo. Si quieres usar el evento click, en ese caso, necesitas escribir al hacer clic. Del mismo modo, si quieres usar evento Double cliick para eso, necesitas usarlo en DV L click Y para e, necesitas usar en contexto me. Y si quieres llamar a la función cuando estés sobre el mouse, en ese caso, necesitas usar en mouse enter. Y para el mouse hacia fuera, es necesario usarlo en mouse out, y para el mouse hacia abajo, debe usarlo con el mouse hacia abajo. Y para el ratón, es necesario utilizar en el ratón. De igual manera, tenemos algunas es de teclado. Llave prese. Para eso, necesitamos escribir al presionar una tecla Se va a llamar a la función arriba para presionar la tecla, y luego tenemos la tecla ev. También es un teclado ev. Este evento, llame a la función después de soltar la tecla. Y de manera similar, tenemos algunos eventos de windows. Si quieres llamar a la función, cuando el usuario carga el navegador, en ese caso, necesitas usar Olo. Y siempre que el usuario intente cerrar el navegador, en ese caso, puede usar esto incluso no. Para eso, necesitas escribir en el no. Y si quieres llamar a una función, cuando cambias el tamaño de tu navegador, para eso, necesitas usar en redimensionar incluso, y para scroll, necesitas usar en Scroll Voy a cubrir todo esto uno por uno en este turial. Volvamos al editor de código. De nuevo, vuelvo a mi coordinador de estudios de visas. Y ahora al principio, voy a crear un párrafo. Pieza. Pongo este párrafo, voy a escribir alguna prueba aleatoria. Lom cinco. Quiero decir que va a imprimir cinco mundo al azar. Como se puede ver imprimir un párrafo. Si configuro este archivo, ahora puedes ver el párrafo en mi navegador. Y ahora quiero usar evento double ek en este párrafo. Sí, podemos usarlo con párrafo también. Podemos usar eventos con botón párrafo A. Aquí, voy a llamar al nombre del evento. Y el nombre de nuestro evento está en DL k en clave D. Después de eso, necesitamos llamar a la función, a qué función quiero llamar, y quiero llamar a la función hola. Si fraseo una patada en este párrafo, como pueden ver, no mancha nada. No llamo a la función. Pero si hago doble clic en él, ahora lo puedes ver llamar a función. También, se puede ver escrito la caja de todos. Hola a todos. De igual manera, tenemos incluso f derecho. Para eso, necesitamos escribir en contexto Min. Déjame mostrarte sobre contexto principal. Si configuro este archivo, y presiono dejar dar clic en este párrafo, como pueden ver, no es nada. Pero si presiono clic derecho sobre él, ya ves, llama a nuestra función. Nuestro próximo evento es mouse. Cuando pongo el ratón sobre este párrafo, va a llamar a nuestra función Para eso, necesitamos usar en mouse enter. M atado en boca, entra. Si pongo este archivo y pongo mis autos sobre este párrafo, como pueden ver, llama a nuestra función e imprimo los huesos artísticos Cada vez que pongo mis autos sobre este párrafo cada vez que va a llamar a nuestra función Del mismo modo, tenemos evento opuesto, que es mouse on mouse, o que necesitamos escribir en mouse. Si pongo este archivo, y mi maldición sobre este párrafo, como pueden ver, es sen nada. Yo no funciono. Pero si quito mi cursor de este párrafo, ahora puedes verlo funcionar, y pinta nuestro cuadro de alerta. Nuestro próximo evento es el ratón hacia abajo, o que necesitamos escribir con el mouse hacia abajo. Si configuro este archivo, como te dije, este evento es similar con el evento click. Si hago clic en este párrafo, como pueden ver, llama a nuestra función. Además, tenemos otra función, que es mouse on mouse. Si configuro este archivo, y ps haga clic en este párrafo. Pero si solto el click en nuestro mouse, como puedes ver, ahora llama a nuestra función. Cuando soltamos el clic del ratón, entonces se llama a la función. Ahora, nuestro próximo evento es al presionar una tecla un evento keywot. Comencemos el nombre del evento. En clave pres. Antes de configurar este archivo, hay un problema. Necesitamos usar este evento en nuestra etiqueta corporal. De lo contrario, podemos usarlo con teléfonos. Quiero cortar este evento de esta etiqueta de paragra, y lo voy a usar dentro este cuerpo diez, y voy a poner este Ahora voy a seleccionar mi navegador, y voy a presionar cualquier tecla. Quiero presionar la tecla ter. Después de presionar la tecla ter, como puedes ver, evento sc. Ahora, déjame mostrarte algunas ventanas ev. Estos eventos también funcionan con body ta, y nuestro primer evento es en reside. Él voy a empatar en resil. Después de establecer este archivo. Ahora bien, si cambio el tamaño de mi navegador, va a llamar a la función. Déjame mostrarte. Como puede ver, si trato de cambiar el tamaño del navegador, se llama a la función Así que cada vez que intentes cambiar el tamaño de la ventana va a llamar a la función. Del mismo modo, tenemos otro evento de navegador útil, que está en scroll. Tipo de jamón en pergamino. Am sp este. Como puedes ver en mi navegador, si desplazo mi rueda del mouse, no va a llamar a la función porque no tenemos barra de desplazamiento en mi Para eso, necesitamos desbordar a este contener, así que voy a aumentar el tamaño de paragrap Aquí voy a escribir 500, y después voy a presionar enter. Agrega 500 palabras en mi párrafo. Si configuro este archivo, ahora pueden ver, hay una bola de puntuación. Siempre que trato de anotar mi página, va a llamar a nuestra función. Ahora solo tenemos dos funciones restantes de carga y descarga. Si recargamos nuestro navegador, va a llamar a la función Y en nuestro evento de descarga, si tratamos de cerrar el navegador, va a llamar a la función Pero estos dos eventos no son compatibles con los navegadores. Estos dos eventos no funcionan en todos los navegadores. Como te dije antes, antes de terminar el video, quiero decir, hay muchos eventos en Java Screen. Pero en este tutorial, solo cubro el básico, y no te preocupes. Vamos a conocerlo en nuestro próximo Tutorial. Entonces gracias por ver este video, estado para nuestro próximo. 27. Tutorial de JavaScript While: bueno verlos de vuelta chicos, una vez más, estoy de vuelta con un nuevo Tutorial relacionado con el script Java. Y en este tutorial, vamos a aprender blues, y sobre todo vamos a aprender wild loop. Pero antes necesitamos entender qué es bucle. Como puede ver, hemos impreso una declaración similar una y otra vez aquí. De igual manera, si quieres imprimir hola mundo 1,000 veces. En ese caso, es necesario escribir el estado de cuenta, documento punto escribir 1,000 veces. Y si quieres cambiar el enunciado, hola mundo para saludar a todos. En ese caso, hay que cambiarlo mil veces. Para resolver este tipo de problemas, tenemos bucles. Aquí declaramos cuántas veces necesitamos para ejecutar esta sentencia. En nuestro caso, 15. Entonces dentro del bucle, necesitamos pasar la sentencia, que queremos ejecutar 15 veces, en nuestro caso, hola o. Y hay una manera adecuada de crear un bucle. A ver. Nuestros bucles divididos en tres partes. Nuestra primera parte de este bucle es la inicialización. En la inicialización, inicializamos una variable. Supongamos que asignamos un valor numérico a una variable, y nuestra siguiente parte es condición. En nuestros tutoriales anteriores, aprenderemos sobre la condición EP. Y como saben, condición siempre escrito dos vs verdadero ya sea falso. Y si la condición escrita cae, entonces va a salir de bucle. Significa que no va a imprimir tu bucle, y si la condición escrita es verdadera, entonces va a ejecutar la tercera parte del bucle, que es incremento y decremento De acuerdo a la inicialización y condición, podemos incrementar nuestro valor, de lo contrario, decrementar Depende de la situación de los alcances. Y después de incrementar o disminuir el valor, Se va a comprobar de nuevo este valor en esta condición Y si cae la condición escrita, entonces deja de ejecutar el botín Y si la condición escrita es verdadera, entonces va a incrementar o decrementar este Y otra vez, va a comprobar el estado. Este es un proceso continuo hasta que nuestra condición escrita caiga. Y si quieres imprimir o ejecutar algo, necesitamos llamarlo entre condición y decremento verde Aquí podemos imprimir cualquier declaración, cualquier cálculo, cualquier función, etcétera Así bucle hecho con este tres caso, inicialización, condición, y decremento verde. Ahora la pregunta es, ¿qué es el incremento y el decremento? Cuando vamos de primer piso a segundo piso por escaleras, entonces tenemos que subir a las escaleras paso por estado. Tenemos que partir de un paso, dos pasos, tres pasos, cuatro pasos, recuerdo este incremento de proceso Y de manera similar, cuando descendemos del segundo piso al primer piso, entonces seguiremos descendiendo paso a paso Recuerdo este decreto de proceso. Este es el concepto principal de bu. Ahora, veamos cuántos tipos de loop tenemos en Java Script. Tenemos un total de cinco tipos de bucles en Java Script, Qi loop, Dov loop, for loop, foreign loop, y para cada loop Recuerda, bucle foráneo, úsalo objps y para cada bucle, úsalo arrays Vamos a aprender sobre este tu cuando vamos a trabajar con objeto y s. y en este tutorial, voy a cubrir omni valor Veamos cuál es la sintaxis para escribir Value? Como puede ver, declaramos una variable nombre A e inicializamos un número Este es un primer paso lo, que es la inicialización. Y entonces voy a comprobar esta condición variable dentro de este Valor. Como se puede ver en esta condición, A, menos de igual a diez, luego ejecutar esta declaración, documento punto escribir mundo. Y recuerda, para usar valor antes de la condición, necesitamos escribir V Q m. Y esta es nuestra etapa de condición. Y de acuerdo con la condición y el valor variable, esto significa que vamos a imprimir este enunciado diez veces. Y entonces viene nuestra última parte de este do, que es incremento, de lo contrario decremento Y como puedes ver, hero incremente la variable, A igual a A más uno Es media cada vez que incrementamos nuestra variable con una. Ahora, nuestro valor nuevo de la variable A es dos, y luego va a comprobar de nuevo la condición. Es media A dos, menos de igual a diez, luego ejecutar esta declaración. Y después de ejecutar esta declaración, va a incrementar de nuevo el valor. Ahora, su valor es de tres, y de nuevo, comprueba el estado. De esta manera, la condición fallará cuando el valor de las variables A se convierta en 11, y luego dejará de ejecutar esta sentencia. Comencemos lo práctico y tratemos de entenderlo como es. Entonces Harry, puedes ver, lado a lado, abro mi editor de código visa Sdio y mi navegador usando la extensión Live Server, y ya creo un índice de nombre de documento madre en Entonces primero, voy a crear a y nuestro nombre V es A, y le asigne uno. Y luego voy a crear una condición usando il do. Aquí voy a escribir. Le y en los códigos dobles, quiero imprimir un estado de cuenta diez veces. Voy a crear una condición A menor que igual a diez. Después en las tarjetas, voy a imprimir un documento Documento punto a la derecha, y aquí quiero pasar mundo Ho. Además, voy a usar una etiqueta BA para la siguiente línea. Br, luego semicon a n la línea. Esta es nuestra primera parte de este bucle, que es la inicialización, y esta es la segunda parte de este bucle, que es, y ahora necesitamos saltar a la tercera parte de allo, que es incremento o decremento, y quiero incrementar Por eso voy a escribir A igual a A más uno. El semicon ton esta mentira. Si configuro este archivo, como pueden ver en mi navegador, imprima hola diez veces. Si paso 30 aquí, y esto en este archivo, como se puede ver imprimir hola palabra 30 tiempo. Ahora la pregunta es por qué incremento el valor. Como puede ver, nuestro valor inicial es uno porque vamos 1-30 Por eso tenemos que incrementar. Pero si nuestro valor inicial es 30, entonces tenemos que decrementar el v. Para que entienda, voy a concatenar Quiero imprimir un valor variable en mi documento. Déjame mostrarte. Entonces antes de este documento, quiero concatenar nuestra variable A. Aquí, voy a escribir A más nuestro documento. Si configuro este archivo, puedes ver el resultado. Cada vez que imprime el valor de incremento antes del documento Recuerda, también, podemos usar boops dentro de la etiqueta EstiML. Déjame mostrarte. Después de variable , aquí, voy a declarar etiqueta UL. Voy a escribir documento punto justo dentro de las llaves redondas, quiero comenzar en lista de agua Entonces Amo tipo U. Entonces sic a n esta línea, y voy a copiar esta línea. Después fuera de la operación, voy a pasarla, y voy a escribir cierre etiqueta UL. Si estás familiarizado con la etiqueta STL, entonces sabes que se usa para debajo de la lista, y luego dentro del proceso redondo, voy a usar la etiqueta LI El tipo L. Esto es para ítem de lista. Además, necesito usar etiqueta de cierre. L. Antes de establecer este archivo, quiero reducir el número. Quiero imprimir f T. Si configuro este archivo, como pueden ver, imprima nuestro elemento de lista, hola sobre 510. Espero que ahora quede claro cómo podemos usar loops con incremento de peso. Y ahora les voy a mostrar el ejemplo cómo podemos usar bucles con peso decremento. Para eso, aquí necesitamos tomar gran número. Aquí me voy a llevar diez. Y quiero imprimir este documento diez veces. Para eso, necesitamos cambiar la condición. Esta vez, necesitamos usar mayor que igual a seno, mayor que igual a uno. Ahora puedes ver que nuestro valor inicial está manchado, y usamos mayor que si. Si un mayor que igual a uno, entonces imprima este documento. Y ahora necesitamos decrementar el valor para imprimir nuestro documento diez veces Aquí voy a usar menos s. Si configuro este archivo, como pueden ver, también es imprimir nuestro documento diez veces. Pero la diferencia es que esta vez, yo uso decremento. Según condición, si el valor de la variable A llega a ser menor que uno, entonces va a detener nuestro baño. Para hacerlo tier, voy a imprimir el valor de la variable en mi documento. Después de la etiqueta LI, doble es otra vez. Entonces afuera de las fochas dobles, voy a usar. Voy a usar signo de concatenación dos veces. Y entre el signo de concatenación, voy a pasar nuestra variable M A. Si configuro este archivo, ahora puedes ver nuestro inicio de bucle desde 109-87-6543 Entonces, como puede ver, cada vez menos un valor de nuestro valor inicial. Y cuando nuestro valor consigue menos de uno, entonces se detiene todo bucle. Y ahora quiero pintar este documento 15 veces. Y me gustaría ir con menos v. En ese caso, y tenemos que pasar menos cinco. Si configuro este archivo, ahora puedes verlo imprimir hola palabra 16 veces porque también es contar cero como valor. Si quieres imprimir Hola palabra 15 veces, en ese caso, necesitamos pasar menos cuatro aquí. Si configuro este archivo, ahora puedes verlo imprimir 15 veces. Pero si te das cuenta, aquí puedes verlo imprimir uno por uno menos valor. Después de cero, imprime menos uno menos dos menos tres menos cuatro. Básicamente, aquí solo quiero explicar nuestro trabajo de tejados con valor de incremento, también el valor decremento. Espero que ahora quede claro cómo funciona en Java script. Gracias por ver este video. 28. Tutorial de hacer bucle mientras de JavaScript: Hola, chicos, es bueno verles. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java Script. Y en este tutorial, vamos a aprender Java Script. Hacer salvaje. En nuestro tateral anterior, te lo dije, bucle dividido en tres partes La primera parte es la inicialización, donde inicializamos una vil, y la condición densa viene y la condición devuelven solo dos res, true ya sea false Y si escrito falso, entonces deja de ejecutarse y si escribe true, entonces va a incrementar, de lo contrario decrementar nuestro Y nuevamente, va a comprobar el estado. El bucle DVI es bastante similar con eso. En bucle Dv, después de inicializar el valor, no va a verificar la condición Primero, va a ejecutar la sentencia p, y luego llega a la condición. Y luego la segunda vez, va a comprobar el estado. Primera vez, va a imprimir este comunicado, partir de la segunda vez, va a verificar el estado, y hay que recordarlo. Esta es la principal diferencia entre do il loop y oil. Ahora, veamos el syntic, cómo podemos escribir do loop en Jas. Aquí puedes ver, tenemos un nombre de variable A y asignamos un valor. Entonces empiezo a hacer. Al principio, necesitas escribir. Entonces necesitas usar latón para autos. Entonces fuera de las calibraciones, necesitas escribir il Q. Y luego dentro del latón redondo, necesitas establecer tu condición En do, necesitamos usar la condición final de este bucle. Hacer significa correr, y significa hasta que la condición sea verdadera. Y dentro del latón redondo, tenemos que pasar nuestra declaración documental. En nuestro caso, hola. Primera vez, va a imprimir este comunicado sin verificar el estado. Y entonces necesitamos incrementar y decrementar este bucle. A partir de la segunda vez, se va a comprobar el estado, luego ejecutar continuamente el mismo loop hasta diez veces porque aquí pasamos t para que quede más claro, comencemos la práctica. Como pueden ver lado a lado, abro mi editor de código se studio y mi navegador usando la extensión Live Saver, y ya creo un estil nombre de documento index dot ATML Entonces al principio, voy a inicializar una variable. Aquí voy a escribir y nuestro nombre de variable es A, A asignar uno, ensamblar a la línea NS Entonces voy a iniciar nuestro Do il. Y ahora voy a teclear D. Entra al auto ss, al principio, voy a escribir un documento. Documento punto escribir dentro de la ronda ss, voy a imprimir una declaración, que es hola mundo. Semicon a en esta línea. Antes de usar el incremento y decremento, primero, voy a llamar al baño Aquí, voy a teclear y. Y dentro del latón redondo, A menos de igual a diez. Al principio inicializamos a. este es nuestro primer estado, y luego establecemos una condición Este es nuestro segundo estado, y ahora necesitamos usar incremento y decremento Aquí voy a escribir A es igual a A más uno sem a en esta línea. Además, voy a agregar B una etiqueta después de hola mundo. Entonces para escribir B R. Si configuro este archivo, ahora lo puedes ver imprimir hola más de diez veces. Como te dije antes, puedes usar forma corta de este incremento. Déjame mostrarte. Algunos comentan esta línea. Puedes usar un seno plus plus. Como ya le dije antes, este operatorio se utiliza para incremento Cada vez se va a sumar uno con esta variable. Así que me puse este archivo, como se puede ver es sentarse en el mismo resultado. Como puedes ver, es bastante similar con le. Pero la principal diferencia es primera vez que no va a verificar el estado. Y va a ejecutar esta función de escritura documentada. Vamos a probarlo. Entonces voy a cambiar bien el inicializado Aquí voy a pasar tintado. Como puede ver, ahora cae la condición escrita. Si configuro este archivo, como pueden ver, se imprime hola palabra una vez. Porque como te dije, primera vez, no va a comprobar el estado. Por eso va a ejecutar esta función recomendada. Pero si usas solo loop, en ese caso, no va a imprimir ninguna declaración. Si la condición escrita falsa, no va a imprimir ningún estado. Entonces espero que ahora te quede claro. ¿Cuál es el uso de do? La mayoría de las veces lo usamos, cuando necesitamos ejecutar un bloque de código una vez. Y también, quiero repetirlo siempre y cuando la condición sea cierta. 29. Tutorial de JavaScript para bucles: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con JavaScript. En este tutorial, vamos a aprender JavaScript para sala. Ya sabemos que en Java recta, tenemos un total de cinco tipos de blues. I loop, do loop, four loop, for loop, para cada loop, y ya aprendemos sobre i loop y do loop. En estos dos reales, vamos a aprender foo. Veamos la sintaxis, cómo podemos escribir four loop en Java squad. Para crear cuatro bucles, primero, necesitamos escribir cuatro palabras clave. Entonces dentro de la ronda ss, al principio, necesitamos inicializar una variable Entonces tenemos que verificar el estado. Después de eso, necesitamos implementar, lo contrario decrementar nuestro v. Como puede ver, utilizamos este tres pasos importantes en una sola línea Como puede ver, cubrimos tres etapas a la vez, Inicialización, condición e incremento Y si el conion escrito verdadero, entonces va a imprimir esta afirmación La mayoría de los desarrolladores utilizan cuatro bucles en comparación i loop y do op porque nuestro trabajo se realiza en una línea. Empecemos la práctica y veamos cómo podemos usarla. Como puedes ver, ya creamos el documento EstiML llamado Index doot EstiML, y también yo o pinto mi navegador usando la extensión Live Server Al principio, voy a escribir cuatro Keyword porque no necesitamos inicializar ninguna variable antes de seguir Aquí voy a teclear cuatro. Ahora voy a inicializar un valor dentro de la ronda ss, V A igual a uno Después subcon para terminar esta línea. Entonces voy a establecer una condición. A menos de igual a diez, y subcor para terminar esta línea Después de eso, voy a incrementar la V. Aquí, voy a escribir A plus plus Entonces dentro del auto ss, voy a escribir nuestro documento de declaración. Documento punto justo dentro de la ress redonda, voy a imprimir hola mundo. Hola mundo. Además, voy a usar una etiqueta BA para romper la línea. Entonces vamos a terminar esta línea. Si configuro este archivo, como pueden ver, se imprime hola diez veces. También es trabajo como otros loops. Pero hay que escribir menos número de líneas aquí. Como puedes ver, apenas en dos líneas, obtenemos el mismo resultado. Ahora te voy a explicar, cuál es el mecanismo de trabajo de este bucle. Como puedes ver, cuando ejecutemos la sala de cuatro, primero, se va a iniciar la variable En nuestro caso, A asignar con uno. Entonces va a revisar el estado. Como se puede ver, ahora, A es menos de diez. Un medio, condición escrita verdadera. Si la condición escrita true, entonces va a ejecutar la sentencia document, y luego saltas la sección de incremento en una con valor anterior Entonces otra vez, se va a comprobar la condición, y si la condición es verdadera, nuevamente, se fija esta declaración de documento. Hasta que caiga el retorno de condición, igual a correr el baño. Cuando el valor llega a ser mayor que diez, entonces igual a detener el bucle de ejecución. Se trata de las posturas de trabajo de foo. Entonces viendo este video, estén atentos para nuestra próxima radio. 30. Tutorial de declaración de descanso y continuidad de JavaScript: Tus chicos UV una vez más, estoy de vuelta con un nuevo tutorial relacionado JavaScript. En este tutorial, vamos a aprender Javascript, break y declaración continua. Empecemos la práctica y veamos cómo podemos usarla. Como pueden ver lado a lado, abro mi editor de código visa Sdio y mi navegador usando la extensión Lib Server, y abro mi archivo tutorial anterior index dot aten Para este ejemplo, no quiero imprimir esta declaración. Quiero imprimir números. Para eso, escribo número. Después doble cos. Después de los núcleos dobles, voy a pasar nuestra variable. Para eso, necesitamos usar signo de concatación. Último. A nuestra variable yo es A. Otra vez, voy a usar signo de concatnion A continuación, necesitamos usar otro código doble. Quiero imprimir un valor variable diez veces. Si configuro este archivo, va a imprimir número con stream. Número uno, número dos, número tres, número cuatro, e imprime hasta el número diez. Porque establecemos una condición para ejecutar nuestro loop diez veces. Ahora les voy a mostrar ¿cómo podemos usar continuar y romper? Supongamos que dentro del bucle cuatro, voy a usar la condición P. H n tipo si dentro de los proces redondos am paso A igual a igual a tres Si un valor variable se convierte en tres, entonces pongo los casos, voy a imprimir una declaración de documento. Para eso, voy a copiar esta declaración, y la voy a pegar aquí, y voy a hacer algunos cambios en esta afirmación. Voy a sustituir el número por hola. Si configuro este archivo, como pueden ver, después de imprimir, número uno, número dos, se imprime hola tres. Pero el problema es que también es impresión número tres. No quiero imprimir esta declaración, número tres. Quiero reemplazarlo sólo por Hallow tres. No quiero imprimir esta línea. Para eso, podemos usar la parte L, lo contrario, podemos usar sentencia continua. Aquí voy a teclear continuar. El 72 en esta línea. Si configuro este archivo, ahora se puede ver, como puede ver, este número, no repita. Después de imprimir hola tres , salta directamente al número cuatro. Después de ejecutar el bucle, primero, va a verificar el estado. Si A valor igual a tres, entonces va a imprimir esta declaración. De lo contrario, va a saltar a esta declaración. Y cuando Avalo se convierte en tres, entonces es imprimir hola tres, y luego se obtiene declaración continua Significa continuar el botín. Esta declaración continua siempre trabaja con los botines. De igual manera, tenemos declaración opuesta de continuar, que es ruptura. Voy a comentar esta línea, y voy a usar la declaración break aquí. Descanso. Como en esta línea. Si configuro este archivo, va a romper nuestro bucle una impresión hola tres. Déjame mostrarte. Si configuro este archivo, como pueden ver, se detendrá después de imprimir hola tres. Media de ruptura, detener el bucle de ejecución. Las sentencias break y continuous son las únicas sentencias Javascript que pueden saltar de un bloque de código, y la instrucción continua solo se puede usar para mantener una iteración de bucle, y la sentencia break solo se puede usar para saltar de un bucle Este es el uso de break y declaración continua. Caspar viendo este video, stat une para nuestros dos siguientes. 31. JavaScript encuentra números pares e impares con bucles: bueno verlos una vez más estoy vuelta con un nuevo tutorial relacionado JavaScript. En este tutorial, vamos a aprender cómo podemos encontrar el número par y ODS usando JavaScript. Para extraer números ord y pares, vamos a usar bucles, condiciones P, etcétera Es decir, lo que aprendemos en nuestros tutoriales anteriores, lo vamos a aplicar aquí. No te voy a enseñar ninguna declaración nueva en este tutorial. Es un ejercicio. Sin perder el tiempo, comencemos la práctica. Como pueden ver, lado a lado, abro mi viso demasiado editor de código y mi navegador usando la extensión Lib Server, y ya creé un este y nombre de documento Index dot et, ahora quiero extraer todos los números de eventos 1-20 Para eso, voy a usar cuatro. Aquí voy a teclear cuatro en vez el latón redondo, voy a inicializar una variable, y nuestra variable m es A, A asignar con uno, luego espuma dos n d, y luego necesitamos crear la condición A menos de igual a 20, y luego necesitamos incrementar nuestra variable A más más Después dentro de los calibrados, voy a extraer número par usando condición P. Ahora la pregunta es, ¿qué es el número par? Un número que es divisible por dos y genera un resto de cero, se llama número par Supongamos que si divido seis p dos, en ese caso, no hay recordatorio, está escrito cero. Pero si divido siete con dos, en ese caso, está escrito un recordatorio. Siete no es número par, sino seis es número par. Vamos a crear el programa para el número par. Aquí voy a escribir si en cambio la resis redonda, voy a crear una condición. Un módulo dos igual a igual a cero. Como ustedes saben, módulo siempre escrito recuerdan. Después en set el Cal ss, voy a imprimir una declaración documental. Hacer punto justo dentro de la ronda ss, voy a imprimir una variable v. Plus en establecer el código doble, voy a usar B una etiqueta para nueva línea. El smog a en esta línea. De acuerdo con la condición, si divido un valor variable cada vez con dos, y si es valor render devuelve cero, en ese caso, imprima este documento. Si configuro este archivo, puedes ver el resultado en mi navegador. Como pueden ver, imprime todos los números del evento 1-20, dos, cuatro, seis, ocho, diez, 12, enemigo, 16, 18 Estos números son divisibles por Aquí puedes ver usando cuatro bucles y condición ep, cómo podemos extraer números pares Podemos hacer fácilmente cálculos simples a través de esto. Si quieres ver todos los números impares, en ese caso, solo necesitas cambiar la condición. Aquí, voy a usar no igual a cero, no igual a cero, A recordó a dos, no igual a cero. Si configuro este archivo, ahora se pueden ver todos los números impares 1-20, uno, tres, cinco, 79 111-315-1719 Estos son un ejemplo muy básico. Vamos a aprender este ejemplo en nuestro próximo total también. Gracias por ver este video, estado une para nuestro próximo tu. 32. Tutorial de bucle anidado de JavaScript: Con buenos perce chicos, una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java En este tutorial, vamos a aprender Java script anidado loop Los bucles de Nastate no son nada nuevo. Es una forma diferente de escribir un botín. En nuestros tutoriales anteriores, aprendemos sobre ¿cómo podemos usar loops? Primero, necesitamos inicializar un valor, luego tenemos que establecer una condición, y por fin, necesitamos implementar o decrementar nuestro Pero en grupo nido, vamos a usar otro bucle dentro de este bucle. Quiero decir un bucle dentro de un bucle. A este proceso lo llamamos bucle anidado. Como puedes ver, dentro de este bucle exterior, tenemos otro bucle interno, y podemos imprimir cualquier declaración dentro de él. También puedes usar otro bucle dentro de este bucle. Depende de ti cuántos bucles quieres usar. Puedes usar cualquier tipo de loop, for loop, loop, do loop, et. Sin perder el tiempo, comencemos la práctica, cómo puede usarla. Como pueden ver, lado a lado, abro mi editor de código visor studio y mi navegador usando la extensión Live Server, y ya creo un documento estil llamado index dot EstiML Al principio, voy a crear un pliegue exterior. Para dentro del proceso redondo, necesito inicializar una V, donde Assn w cero, semicon a en Entonces después de Semorn, necesitamos establecer la condición, y quiero ejecutar este bucle tres veces Su tipo i menos que igual a dos. Nuestro valor inicial es cero, por eso necesitamos pasar dos. Entonces hay que incrementar el bucle. Yo más nosotros, cada vez que quiero incrementar el bucle con un valor Después dentro de los cálices, voy a imprimir una declaración documental Documento punto escribir dentro de las carreras redondas, voy a imprimir guión bajo primer nivel Entonces vamos a terminar esta línea. Si configuro este archivo, como pueden verlo imprima nuestro cotal tres veces, y también voy a usar una etiqueta B a para descomponerlo B R. Como pueden ver, esta es nuestra capa exterior, y en nuestra capa exterior, imprimimos Ctal tres declaración Ahora dentro de este tonto, voy a crear otro seguimiento. Aquí voy a atar inset la desnudar, esta vez, voy a inicializar otra, J como Nuevamente necesitamos establecer una condición. J, menos de igual a tres. Porque quiero imprimir cuatro declaraciones dentro de este bucle. Por eso uso tres, s con. Yo para incrementar esto lo, j más. Después dentro del css. De nuevo, voy a imprimir una declaración documental. Documento punto justo dentro del ress redondo Voy a imprimir guión bajo guión bajo segundo vel loo Vamos a terminar esta línea. Además, necesitamos usar la etiqueta B a. H tipo B R. Si configuro este archivo, como puede ver, cada vez dentro del bucle de primer nivel, imprimimos total cuatro sentencia de bucle de segundo nivel. Este es el uso básico del bucle anidado. Espero que ahora te quede claro cómo podemos usarlo. Ahora, déjame mostrarte algunos ejemplos por qué podemos usar bucles anidados Se puede ver es tres estructura. Esta estructura es muy útil para entender los bucles anidados. Como puede ver, tenemos fila total de fib en esta estructura, y en nuestra primera fila, siempre imprimimos una En nuestra segunda fila, siempre imprimimos dos. Como puedes ver, nuestras columnas empiezan por una. En nuestra primera fila, tenemos una columna. En nuestra segunda fila, tenemos dos columnas. En nuestra tercera fila, tenemos tres columnas, y en nuestra cuarta fila, tenemos un total de cuatro columnas. En nuestro cinco, tenemos a cinco columna. La fila es nuestra raíz externa, y la columna es nuestra interior aquí, necesitamos crear fibro total Para fila, voy a usar la variable A. Para columna, voy a usar la variable B. Al principio, necesitamos crear fila para nuestro fibro Para imprimir cinco filas, necesitamos usar cuatro. Primero, inicializamos este valor variable con uno. Entonces establecemos una condición, y es menos que igual a cinco. Básicamente, este bucle va a crear esta fila de cinco. Entonces tenemos que saltar a la sección de bucle interior. Aquí puedes notar cada vez que la columna comienza con uno y termina con el número de fila. Para la fila número tres es n con tres, para la fila número cuatro es n con cuatro, para la fila número cinco, es n con cinco, para eso, necesitamos iniciar un bucle desde uno, igual a uno. Como puede ver, es n con el número de fila. Por eso tenemos que establecer esta condición. B menor que igual a A. Quiero decir que cada vez que se ejecute el bucle externo, va a enviar el valor A en este bucle. Pongo este bucle interno, para imprimir esta estructura, necesitamos imprimir la variable B. Para que quede más claro, enumere lo práctico. Como pueden ver, una vez más, estoy de vuelta a mi Visual studio cod tor. Voy a comentar toda esta línea. Y luego voy a crear otra f para crear esta estructura. Su tipo para introducir el latón redondo, y voy a inicializar la variable A igual a uno, y después de punto y coma encendido para establecer la condición, y quiero ejecutar este bucle fy porque p f A menor que igual a cinco Entonces después de smcor, necesitamos incrementar este bucle, A plus plus Luego dentro de este bucle de cuatro, necesitamos crear la sección de bucle interior. Aquí, voy a crear un cuatro. Para dentro de la ronda ss, esta vez, voy a tomar otra variable, que es B, B asignar con una. Entonces después del punto y coma, necesitamos establecer la condición. Pero esta vez, necesitamos llamar a la variable A para crear la condición. B menos que igual a A. Después de secular, necesitamos incrementar la variable, B más p. Este bucle va a imprimir las columnas Como te dije, nuestra columna termina con el número de habitación. Por eso tenemos que pasar una variable aquí. Ahora necesitamos imprimir el valor v dentro de la habitación interior. Aquí voy a escribir documento punto justo dentro de la ronda ss, voy a escribir B. Con eso, también voy a imprimir un espacio. Además dentro del doble código, voy a proporcionar un espacio. Ahora tenemos que romper la línea después de cada fila. Déjame mostrarte, si configuro este archivo, como puedes ver, nuevamente cometí un error de mecanografía. Aquí necesitamos usar menos de igual para firmar. Este signo, no el mayor que igual. Si configuro este archivo, ahora puedes verlo imprimir toda la fila en una sola línea. Para resolverlo fuera del interior, necesitamos imprimir una declaración BR. Aquí para escribir documento punto justo dentro de la prensa redonda, voy a usar una etiqueta BA. B R. Si configuro este archivo, ahora se puede ver esta estructura. Aquí, puedes verlo imprimir nuestra estructura perfectamente. Tenemos filas totales de fib, y también según el número de fila, tenemos columnas totales similares Este es el único ejemplo de fila anidada. Si quieres aumentar el tamaño de la estructura, sí, puedes. Necesitas cambiar el número aquí. Hm pass, t. Si establece este archivo, puede ver el resultado. Cada vez que el valor de incremento de este botín exterior, envía al botín interior, y luego va a crear columnas de acuerdo a columnas de acuerdo a Espero que ahora te quede claro cómo es w. Ahora, hablemos de nuestro siguiente ejemplo. En este ejemplo, se puede ver también fibro total. Pero el valor de la columna es diferente. Del mismo modo, para crearlo, necesitamos tomar el botín exterior. Para el bucle interno, necesitamos tomar la variable B. Pero si te das cuenta, puedes ver cada vez que nuestras columnas empiezan con un número diferente. Para nuestra primera fila, empieza con una. Para la segunda fila, comienza con dos, o tercera fila, comienza con tres. Solo necesitas concentrarte en empezar, no en todos los sentidos. Empezó con el número de fila. Por eso esta vez necesitamos imprimir un valor variable. Empecemos la práctica. Aquí, voy a duplicar esta línea y comentar PVS uno Voy a pasar una variable. Si configuro este archivo, ahora puedes ver el resultado. Redujamos el valor de la condición para dejarlo claro. Expediente. Si configuro este archivo, ahora se puede ver. Cada vez que la columna comenzará con el número de fila. Ahora, hablemos de nuestro tercer ejemplo. En este ejemplo, como pueden ver, también, tenemos un total de cinco filas. Pero las diferencias, invertimos la estructura. En nuestra primera columna, tenemos un valor total de cinco, y comienza con cinco, luego cuatro, luego tres, luego dos, luego uno. Para crear esta estructura, al principio, necesitamos inicializar nuestra variable de bucle externo con cinco Quiero decir, cuántos fila nosotros uno, necesitamos un total de cinco. Por eso inicializamos nuestro valor con cinco. Entonces tenemos que establecer la condición. Esta vez, necesitamos establecer condición opuesta, A, mayor que igual a uno. Como puede ver, nuestro valor inicial es mayor que el valor de condición, por eso necesitamos decrementar el bucle Entonces necesitas pasar un menos menos, y luego solo necesitamos imprimir el valor en nuestro segundo bucle. Empecemos la práctica y veamos cómo es w. De nuevo, estoy en mi codaor de estudio de visa Esta vez, voy a asignar un igual a cinco. Además, voy a cambiar la condición. A mayor que igual a uno. Y entonces tenemos que decrementar el A menos menos. Si configuro este archivo, ahora puedes ver esta estructura. Básicamente, justo enfrente del bucle para crear esta estructura, nada más. Espero que los nervios aprendan por ti, ¿cuál es el uso de anidado Sin bucle anidado, no podemos imaginar una página web que funcione correctamente en la actualidad Esto es muy importante para entender el bucle anidado. Es muy importante. Latas viendo este video, estado une para nuestro próximo. 33. Arreglos de JavaScript: Hola chicos, este es el primer tutorial relacionado con el array JavaScript. Sé que ya estás familiarizado con el tipo de datos JavaScript, el tipo de datos de cadena, el tipo de datos numéricos, matriz de lingotes Pero A es uno de los tipos de datos más importantes en el script Java. Entonces intentemos entender qué es A. Como se puede ver, cómo creamos una variable, X, X, asignada con 15. En esta variable, solo guardamos una varie. Quiero guardar múltiples valores en una variable. Y si intentas agregar valor múltiple usando coma, entonces en ese caso, va a llegar a una flecha. De lo contrario, si usas los códigos one, en ese caso, va a convertir esta variable en cadena. Entonces no podemos usar este valor para el cálculo matemático. Ahora el todo el carácter se convierte en un valor de cadena. Para resolver este tipo de problemas, Java script introducir array. Para declarar una matriz, primero, es necesario tomar variable. Luego inserte los reces cuadrados que necesitas para pasar los valores, y los valores de premezcla, necesitas usar coma Yo configuro esta matriz, puedes pasar múltiples valores tanto como quieras. Recuerda, estos valores son diferentes v. Ahora la pregunta es cómo podemos acceder a diferentes valores usando una variable. Para eso, necesitas seguir alguna técnica especial. Déjame mostrarte. Podemos acceder a los valores usando su número de índice. Y recuerden, nuestro número de índice empieza con cero, cero, uno, dos. Todos estos son números de índice. Supongamos que desea sobrepasar el tercer valor de esta matriz. Para ello, es necesario utilizar el índice número dos. Y para sobrepasar el valor, también, tenemos algún método especial. Entonces comencemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código visa sudo y mi navegador usando la extensión Light Server, y ya creo un documento EstiML llamado index dot ATM St primero, voy a crear una variable. Ahí y nuestra variable me es AR i. ARY significa. Me puedes tomar cualquier variable. Entonces en lugar de los versos cuadrados, voy a pasar algunos valores. Y aquí, voy a pasar algunos valores numéricos, diez, 15, 20. Hay un valor más, 25, 30, y luego después, voy a usar el coder S Y ahora quiero imprimir esta variable en mi documento. Aquí voy a escribir documento punto derecho y establecer los rounders, voy a imprimir esta matriz H tipo A R Y. T sub para terminar esta línea. Si configuro este archivo, puedes ver el resultado en mi navegador. Aumentemos el tamaño del navegador al nivel vis. Como puedes ver, imprime todas las variables de esta, y ahora quieres imprimir un valor en particular de esta matriz. Quieres imprimir segundo índice V. Para eso, después de la variable M, necesitas usar versos cuadrados, y quiero imprimir índice número dos. Como te dije antes, nuestra matriz comienza desde cero índice cero, uno y dos. Así que cien más dos. Si configuro este archivo, ahora puedes verlo imprimir 20. Y si paso algún número de índice que no exista en esta matriz, en ese caso, déjame mostrarte cien más diez. Como puede ver, no tenemos diez valores en esta lista. Si configuro este archivo, ahora puedes verlo imprimir indefinido porque no existen valores en este número de índice. Por eso está escrito indefinido. Y ahora quieres volver a imprimir todo el valor. Pero en este tiempo, se quiere imprimir todo el valor en una línea diferente. No desea imprimir este valor en una sola línea. Para eso, necesitamos usar cuatro. Aquí voy a usar cuatro. Aquí, voy a empatar cuatro. Dentro de la prensa und al principio, voy a inicializar un valor A, A an con cero, y cero porque nuestra matriz comienza desde el índice cero. Por eso uso cero. Entonces comenzamos nuestro bucle desde z, y ahora necesitamos crear la condición. H tipo A menor que igual a cuatro. Ahora la pregunta es ¿por qué uso cuatro? Porque nuestro último número de índice es cuatro. Por eso uso cuatro. Entonces después de Scolsen necesitamos incrementar este v, A más p, y Es el craso, aquí voy a acariciar una Documento Pero bien, es la ronda ss, voy a llamar a la matriz. R. Si imprimo solo esta declaración, va a imprimir toda nuestra matriz cinco veces. Pero no quiero imprimir nuestro array completo cinco t. Quiero imprimir sus valores. Por eso aquí, voy a usar ses cuadrados de nuevo, y voy a pasar una variable. A. Cada vez que incremente el valor, va a pasar el valor aquí, y va a imprimir el número de índice Con eso, también voy a sumar un break para romper la línea. Después de la señal de cctnation, voy a empatar y poner el doble es B. Así que si configuro este archivo, se puede ver el resto Primero imprime en, luego 15, 20, 25 y 30. Entonces como se puede ver, estos valores se imprimen diferente línea. Y también, se puede insertar este valor en una etiqueta UL, de lo contrario, la etiqueta LI. Déjame mostrarte. Antes de seguir, voy a tomar etiqueta UL. Entonces voy a escribir documento punto derecho. Pongo el receso redondo y pongo los códigos dobles, voy a tomar etiqueta L. Eso es un medio para terminar esta línea. Con eso, también necesitamos cerrar esta etiqueta. Voy a copiar esta línea, y después de seguir, voy a pegar aquí, y aquí voy a usar etiqueta de cierre. Y para nuestro ítem de lista, voy a llevar la etiqueta LI en el foro. Aquí está en los códigos dobles, voy a tomar la etiqueta LI, L. Y luego voy a usar signo de concatenación Además, tenemos que terminar la etiqueta LI después de la etiqueta B a. Entonces voy a copiar la etiqueta LI de este lugar. Y aquí después de Bertag, voy a usar de nuevo el signo de concatenación. Y luego voy a llamar a la etiqueta LI, y voy a cerrarla. Si me senté este archivo, como pueden ver en mi navegador, estos son todos los elementos de la lista ahora. Y ahora decides que quieres sumar todos estos valores de array y devolver el total. Para ello, es necesario tomar una variable que, y nuestro nombre de variable es S. S asignado con cero. Hay un dos en esta línea. Entonces dentro de la fo, voy a llamar a la variable S. S igual a algún plus, y quiero agregar su con este velo de matriz. Cada vez que es agregar un nuevo valor al valor anterior y más en el il. Después fuera del bucle, después de el tag, voy a pre en esta suma. Entonces un documento tipo, punto escribir, dentro de las carreras redondas, voy a llamar a la variable. Suma. Después semicon a esta línea Entonces fuera de las calibraciones, necesitamos llamar a esta variable Aquí voy a escribir documento punto escribir dentro de la ronda ss, dentro de las dobles es, voy a imprimir total. Después colon. Después de la cita, voy a usar concation sm Aquí, voy a llamar a la variable. O variable es alguna. Y sem la columna dos en esta línea. Si configuro este archivo, como pueden ver, giro D total. El total es de 100. Si agregas este número f, vas a devolver 100. Recuerda, también, puedes tomar valor de cadena, un valor, Nulo. Déjame mostrarte. Aquí, voy a agregar una corriente. Voy a agregar un nombre, agregar uno. Con eso, aquí voy a pasar un un un valor. Cro También, voy a pasar un nulo nulo. Antes de configurar este archivo, Harry se puede ver, utilizamos diferentes tipos de datos. Por eso no se va a sumar el número. Entonces voy a comentar esta línea. También voy a comentar esta línea, que está en mi foro. Después de configurar este archivo, como pueden ver, imprime todo el valor en nuestros elementos de lista, y el tipo de datos es diferente Ahora está claro para ti, puedes usar Mixed data type también porque su índice es diferente. Por eso puedes usar el tipo de datos Mixed. Solo necesitas recordarlo, nuestros arreglos comienzan desde el índice cero. En nuestros próximos foros, vamos a aprender más sobre las matrices. Gracias por ver este video, estado. 34. Tutorial del método de creación de matrices de JavaScript: Y, bueno verlos una vez más, estoy de vuelta con una nueva matriz relacionada con el tutorial. En este tutorial, vamos a aprender cómo podemos crear array en diferentes métodos. En nuestro tutorial anterior, aprendiste cómo podemos crear array y cómo podemos imprimir. Al principio, necesitamos inicializar una variable, luego en su lugar los ases cuadrados, necesitamos pasar el valor y entre valor, necesitamos usar coma Cuando estábamos creando array, al mismo tiempo, también estábamos agregando valores. Pero la situación es, conozco la variable entonces, pero no tengo los valores. No sabemos cuánto valor puede haber en esta matriz, pero quiero declarar esta variable como una matriz. Para eso, tenemos que seguir esta matemática. Necesitamos usar esta palabra clave, para x igual a nueva matriz. Es significa que va a asignar este vacío a esta variable. Podemos llamarlo método constructor. Usándolo, podemos crear array. De lo contrario, podemos pasar valores. Si quieres pasar valores en esta matriz, para eso, hay un método especial. Veamos lo práctico y aprendamos el método especial, cómo podemos pasar nuevos valores a esta matriz. Como pueden ver, lado a lado, abro mi código is Studio Eder y mi navegador usando la extensión Lp Server, y abro mi documento estable anterior. Si notas puedes ver, ya tenemos cinco valores en nuestra matriz, y es contener un valor más nuevo, un valor de cadena, un valor nulo, también un un valor. Aquí, te voy a mostrar un nuevo proceso para crear una matriz. Quiero atar nueva matriz, nueva matriz. Entonces voy a usar carreras redondas. Voy a mover el valor dentro de las carreras redondas. Copia, y lo pego aquí, y elimino nuestros valores antiguos. Hay que poner fin a esta línea. Si configuro este archivo, como pueden ver, también ha funcionado perfectamente. Supongamos por ahora no tenemos ningún valor en nuestra a. voy a quitar todos los valores. Si configuro este archivo, como puedes ver, es crear una matriz vacía, y además imprimirlo indefinido en mi navegador. Ahora quiero agregar algo de valor en esta matriz vacía. Para eso, necesitamos llamar a esta matriz de variables. Entonces dentro de la ress cuadrada tenemos que pasar el número de índice. Al índice cero, quiero agregar una nueva le, y nuestro valor es un 12 numérico. Eso va a terminar esta línea, y voy a duplicar esta línea dos. En nuestro primer índice, voy a agregar una cadena w. H voy a pasar una N a la una. Y en nuestro segundo índice, él voy a pasar el bleen True Si configuro este archivo, como pueden ver, ha funcionado perfectamente. En nuestro índice cero, agrega. En nuestro primer índice, se ad agrega uno. En nuestro segundo índice, suma dos. Pero otra vez, voy a cochinar esta línea. Pero esta vez aquí quiero pasar cuarto índice, cuarto índice y número de pase. 20. ¿Qué pasa si configuro este archivo? Si configuro este archivo, como pueden ver, en nuestro cuarto índice, imprime 20, pero en nuestro tercer índice, imprime indefinido. Usando este método, podemos escapar un número de índice particular. Pero también se puede especificar algún espacio a este ary. Supongamos que si paso cuatro, significa que va a crear cuatro índices vacíos para esta matriz. Si configuro este archivo, como pueden ver ha funcionado perfectamente. Este valor no interferirá con este valor de matriz. Él se puede ver, le pasamos valor estático s, y voy a comentar esto. Pero quiero pasar valor a través de un por el usuario. Quiero obtener valor del uso. Para eso, voy a usar otra caída. Déjame mostrar F y dentro de la ronda ress voy a inicializar la variable Los g cuatro obtienen datos iguales a z. Como saben, nuestra matriz comienza desde el índice cero, por eso paso cero, y luego necesitamos establecer la condición. Hm tipo cero menos de tres. Con eso, necesitamos incrementar el val. G p l plus. Esto significa que esto va a tomar tres valores del usuario. Entonces dentro del ss, y aquí voy a llamar a nuestra variable array. Array, dentro del cuadrado ss, voy a pasar v igual a, y ahora quiero obtener datos del usuario. Para eso, voy a usar pron box, ya aprendimos sobre pron box en nuestro anterior t h. aquí, voy a escribir prompt. voy a escribir prompt Dentro de la ronda ss, dentro de la doble es, amo tipo, entrar en el v. Luego con y sem a n esta línea. Después de este archivo, si vuelvo a cargar mi página, cada vez que va a pedir entrar onda a través de un cuadro de aviso Como se puede ver, de acuerdo a la condición, o Rob va a correr por tres veces. También voy a pasar un valor tres. Prueba este archivo, como puedes ver, ingresa el, y aquí voy a pasar un nuevo 23. Entonces voy a presionar. Nuevamente, entra en el. Aquí voy a pasar una cuerda, y voy a pasar a la una. De nuevo, voy a presionar, y como último valor, voy a pasar 50. Un valor numérico. Si presiono, como pueden ver en mi navegador, es imprimir 23, agregar uno y 50. Obtenemos dinámicamente datos del usuario e imprimimos en nuestro navegador. Pero ejecutamos nuestra impresión cinco veces. Por eso imprime dos veces indefinido. Para eliminar este indefinido innecesario, solo necesitas cambiar la condición. El cabello necesita pasar dos. Nuevamente, necesitas configurar este archivo y volver a cargar este navegador y necesitas pasar los valores uno por uno. Déjame mostrarte. Si configuro este archivo, como puedes ver, el pelo necesitas pasar los valores, o el primer valor es 23. Cabello voy a pasar 23, o el segundo valor es agregar uno. Y nuestro tercer punto de vista es el 15. Si presiono, como pueden ver, ahora sprint solo tres declaraciones, 23, y una y 15. Espero que ahora el concepto sea claro para ti. Gracias por ver este video, Estén atentos para nuestro próximo total. 35. Introducción a las matrices multidimensionales: bueno verlos una vez más volví con un nuevo tutorial relacionado Javascript. En este tutorial, vamos a aprender array multidimensional. En nuestro tutorial anterior, aprenderemos cómo podemos crear arrays. Con eso, también aprendemos nuevo método de matriz. Como saben, podemos poner múltiples valores en una matriz. Pero como puede ver, no hay relación entre este v. Pero cuando trabajamos con proyecto real, en ese caso, nuestros datos están relacionados entre sí. Algo así. Harry puedes ver los datos de un estudiante. Nombre del alumno, edad del estudiante, sexo del estudiante, clase de estudiante. Como puedes ver Tom, y su edad es de 70 años, es varón, y está en clase de licenciatura. Como puedes ver, todos estos datos en esta fila se relacionaron con Tom, manera similar para Harry Si y Sara. Para manejar este tipo de datos, Java paso introducir matriz multidimensional. Es significa dentro de una matriz, tenemos múltiples matrices. Si queremos convertir esta estructura en una matriz multidimensional, primero, necesita tomar una matriz. Luego dentro de la matriz, debe tomar cuatro matrices diferentes como en valor. Déjame mostrarte la sintaxis, cómo podemos convertir esta estructura en una matriz multidimensional. Como puedes ver, al principio, necesitamos asignar una variable. Entonces al principio, necesitas tomar bases cuadradas así. Entonces en su lugar la base cuadrada para cada fila de la tabla, necesitamos crear una matriz diferente. Como puedes ver, dentro de esta matriz, tenemos un total de cuatro valores. Como pueden ver, esta es nuestra base cuadrada interior, y esta es nuestra base cuadrada exterior. Entre bases cuadradas internas, necesitamos usar coma. Como te dije en nuestro tutorial anterior, cada valor en una matriz viene con un número de índice Y el método similar también funciona para matrices multidimensionales. Como puede ver en nuestra matriz externa, tenemos un total de cuatro. Recuerda, comienza con el número de índice cero, no con uno. También puedes ver, tenemos un valor total de cuatro en matriz interna, nombre, edad, género y clase. Del mismo modo, esta matriz también parte del índice cero, no de uno. Así que comencemos la práctica y veamos cómo podemos crear array multidimensional en JavaScript. Como pueden ver, lado a lado, abro mi editor de código visa Sudio y mi navegador usando la extensión del servidor Light, y ya creé un documento de estimación llamado Index dot estimate Así que primero, establecer la etiqueta script, voy a declarar una variable, y nuestra variable es Ary igual a Al principio, voy a tomar versos cuadrados puerto matriz externa. Después inserte la resis cuadrada, voy a tomar cuatro array interno De nuevo, voy a tomar plaza ***. Después de resis cuadrada, voy a usar forma. Después del cuadrado exterior ***, voy a usar punto y coma para terminar esta línea Ahora, en conjunto esta matriz interna, voy a poner total cuatro w. Al principio, voy a pasar una cadena, y voy a pasar nombre de estudiante. O nombre del alumno es Harry. Entonces voy a aprobar estudiante de 19 años. También, voy a aprobar estudiante género, masculino. A continuación, voy a aprobar la clase de estudiante. P es B comm. Y luego voy a conseguir esta línea. Aquí voy a poner los siguientes detalles, que es Tom. Y tiene 17 años, y también es varón. Él leyendo BCA, no H tom, solo Tom. De nuevo, voy a apostar esta línea. O último es Sonny. Aquí, voy a pasar S. S tiene 16 años, y ella es una mujer Y estudió en más diez. Por ahora, no quiero sumar muchos alumnos. Quiero eliminar el último coma. Como puede ver, creamos con éxito nuestra matriz multidimensional. Ahora la pregunta es, ¿cómo podemos imprimir el valor de matriz multidimensional? Simplemente podemos llamar a matriz particular usando su número de índice. Déjame mostrarte. Aquí voy a escribir documento punto derecho, puse la ress redonda al principio, voy a llamar a esta matriz, r. luego inserte la ress cuadrada, quiero imprimir esto, todos los detalles de Tom Aquí voy a pasar uno porque ray empieza con índice cero. Esto es cero, y este es uno, y sub para terminar esta línea. Si configuro este archivo, como se puede ver en un navegador, se imprime Tm coma, 17, macho y es de BCA Ahora no quiero imprimir todos los detalles de Tom. Quiero imprimir el nombre de Tom. Para eso, nuevamente, necesitamos usar plaza ***. Dentro del latón cuadrado, necesitamos pasar nombre número índice, que es cero. Este es nuestro número de índice de matriz externa en este es nuestro número de índice de matriz interna. Si configuro este archivo, ahora se puede ver que es pintura en el Tom. De igual manera, si quieres imprimir Tom ender, en ese caso, necesitas pasar dos aquí. Si configuro este archivo, como puedes verlo imprimir M. De igual manera, si quieres imprimir, Harry HH, en ese caso, al principio, en nuestro array de índice externo, necesitamos pasar cero, y en nuestro array de índice interno, necesitamos pasar cero. Si configuro este archivo, como puedes verlo imprime el nombre, Harry. Esto es por este verde azulado. En este tutorial, solo te presento lo que es la matriz multidimensional, y cómo podemos crear una matriz multidimensional en JOS. Aquí, también aprenderás cómo podemos acceder al valor particular de la matriz multidimensional. Esto es para el sural. En nuestro próximo tutorial, te voy a mostrar cómo podemos usar una matriz multidimensional con bucles anidados Gracias por ver este video, estado une para Ox total. 36. Arreglos multidimensionales con anidado: Hola, chicos, es bueno verlos de vuelta. Una vez más, estoy de vuelta con el nuevo tutorial. En este tutorial, vamos a aprender cómo podemos usar array multidimensional con anidado Al principio, necesitamos crear exterior. Voy a quitar esta línea, y aquí, voy a empatar 44. Cuatro, al redondeo dice, voy a inicializar la V. A, un saludo, Como puede ver, tenemos un valor total de cuatro en nuestra matriz. Añado otro alumno en este menos agrego uno. Voy a crear una condición A menos de cuatro. Entonces tenemos que seguir siendo esta variable. A, último plus. Después dentro de la ronda ss, antes de crear el nástico, voy a imprimir en las matrices Aquí voy a escribir documento punto, derecho, dentro de la ronda ss, voy a llamar a una matriz variable. Es el receso cuadrado, voy a llamar al vari, A. Entonces voy a usar un letrero concatnado, y aquí, voy a usar una etiqueta de freno para B. Yo sub para terminar esta diapositiva. Si configuro este archivo, como puedes ver en mi navegador, sprint todos los detalles del alumno. Harry Tom Sonny Eduardo. Recuerda, este es nuestro exterior. Él se puede ver, hay coma entre esta rueda, pero no quiero ningún coma entre ruedas. Para eso, necesitamos usar tarifa anidada. Aquí, voy a escribir F dentro de la ronda ses, necesitamos inicializar una variable Ese B, B an con cero, el color. Ahora necesitamos establecer una condición. Como puedes ver dentro de nuestra y interior, tenemos un total de cuatro. Aquí voy al tipo B, menos de cuatro. Hay una en esta línea. Necesito plemente la variable v. B más. Entonces quiero mover esta línea dentro del css. Al principio, voy a quitar esta etiqueta de ladrillo. Entonces dentro de la plaza ress voy a llamar a la variable B. Entonces fuera del bucle anidado, voy a llamar a etiqueta de ladrillo Punto de documento a la derecha. Es el receso redondo, dentro de los códigos dobles, voy a llamar a B una etiqueta. Si configuro este archivo, como pueden ver, aquí se puede ver que reve todo el coma entre el y para que quede más claro, necesitamos proporcionar un espacio Aquí, en conjunto el bucle anidado, voy a usar sitio de congregación. Entonces voy a proporcionar un espacio, y voy a volver a configurar este archivo. Ahora se puede ver con claridad. De esta manera, podemos pretar nuestro array multidimensional usando anidado Como saben, nuestro primer ses es para valores de matriz externa. Y nuestro segundo cuadrado ss es para valores de matriz interna, y ya lo aprendimos en nuestro torial anterior. Si quieres llevar estos datos a un formato de tabla para eso, necesitas usar algunas etiquetas de este. Esto es para este tutorial. Espero que ahora sea para ti. Qué es la matriz multidimensional. Gracias por ver este video, declaras. 37. Tutorial de modificar y eliminar elementos de matriz de JavaScript: Hola, chicos, es bueno volver a verles. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender, ¿cómo podemos modificar y eliminar elementos de matriz? En nuestro tutorial anterior, aprenderemos cómo podemos crear arrays. Supongamos que por error le pasas la edad equivocada al alumno, y ahora quieres modificar esta vue Básicamente, se quiere cambiar un número de índice. Para eso, es necesario tomar la variable m y luego agregar un número de índice, y necesito asignar una nueva w, y va a reemplazar el valor con el nuevo talón. Empecemos la práctica. Como pueden ver, lado a lado, abro mi editor de código visa Studio y mi navegador usando la extensión del servidor Light, y ya creo estimación nombre del documento Index ord estimate. Aquí puedes ver un nombre de variable Ay. Aquí se puede ver en nuestra matriz, tenemos un total de cuatro en, y es una matriz unidimensional. Al principio, quiero cambiar el nombre del alumno. Para eso, voy a reclar la variable y Luego dentro del proceso cuadrado, voy a pasar el número de índice, que es cero. Luego dentro del proceso cuadrado, voy a pasar el número de índice, que es cero Después asignarlo, dentro de los códigos dobles. Voy a poner un sindicato, que es escuchar. Voy a hacer en esta línea. Imprimimos el documento en nuestro navegador. Al principio, voy a imprimir el documento sin cambios. Aquí voy a escribir documento. Punto a la derecha. Es la ronda ss Am pasar el enlace variable, que es Ar. Entonces voy a duplicar esta línea. Ahora voy a moverlo hacia abajo después del cambio. Vamos a establecer el archivo. Como puedes ver en mi navegador, cambió el nombre del alumno. Harry, déjame agregar una etiqueta BA para que quede claro. Voy a usar el signo de concatenación, luego en su lugar los dobles para usar la etiqueta B. M B R, y establecer este archivo. Ahora está claro para ti. Es modificar el nombre de nuestro alumno perfectamente. Ahora, hablemos de cómo podemos eliminar los valores A. Como pueden ver, tenemos valor proto cuatro en nuestro array, pero quiero borrar uno de este velo, pero quiero borrar uno de este velo Para eliminar los valores de matriz, tenemos predefinido Q word en Java Script, que es delete. Voy a comentar esta línea y luego voy a escribir delete. Eliminar, entonces tenemos que llamar a nuestro anuncio de nombre capaz. En cambio el squaross, tenemos que pasar el número de índice, y quiero borrar a la una Por eso voy a pasar el índice número uno. Sumo que va a terminar con esta mentira. Si configuro este archivo, como pueden ver, ahora se puede ver en un dowser, pinta, spin nombre del alumno, su género, y su clase, y borra su edad Pero si notas, puedes ver que hay dos coma. Es decir esto eliminar QR solo borra el valor, no el número de índice. El número de índice aún existe, pero solo quitó el valor. Entonces espero que ahora te quede claro cómo es el trabajo. En nuestros próximos 22 años, vamos a conocer más sobre Ay. Gracias por ver este video declarando. 38. Tutorial de ordenación de matrices de JavaScript y inverso: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo Tutorial ded Java step. En este Tutorial, vamos a aprender Java strip A methyl. Veamos cuántos métodos de rayos hay en Java strip. Diablos se puede ver una lista de un metilo. Tenemos un total de 24 métodos de rayos ahí, y vamos a aprender todo en nuestro totterial de alojamiento En este tutorial, vamos a aprender metilo corto e inverso. Podemos llamarlo método de rayos de lo contrario funciones de matriz. Como puedes ver, nuestro primer método es ordenar. Veamos, ¿qué podemos hacer con este método? Como puedes ver, sitio por sitio, editor de código de estudio de UPN y mi navegador usando la extensión Live Server, y ya creé estimación doc nombre índice punto atm Aquí puedes ver, configuro la etiqueta script, ya creamos una matriz, y configuro la matriz pit f, advance, me, ale y O li. Usando el método corto, podemos acortar Vals Alfabético. Cambiemos el zancudo del nombre del alumno. Voy a mover primero a Smith. Copiar, borrar, y antes de adv, voy a pasarlo. Quiero establecer este archivo. Primero, voy a pintar esta matriz sin abreviar. Aquí voy a escribir document, dot, write, the dress array. Hay una gal para en esta línea. Si dije este expediente, se puede ver en mi hermano, es sprint, carne, adv al Oliver. Como se puede decir, el agua de sloop. Ahora necesitamos regar por su nombre. Si usamos método corto, entonces va a imprimir el nombre, comenzar con A, B, C y D, así. Ahora voy a usar metanfetamina corta. Pero antes lo voy a concatinar, un break, concatnate, dentro del doble código, B. Luego en la siguiente línea. Aquí, voy a escribir nuestra variable m. R punto. Ahora podemos llamar a nuestra función, y nuestro nombre de función es corto. Después doble código. Después de latón redondo. En las carreras redondas, voy a usar el codón Se. A continuación, nuevamente, voy a llamar a esta declaración, declaración documental. Voy a copiar este estado de cuenta y pegar después de la venta. Si me senté esto mientras, ahora puedes ver que está organizado o nombra alfa verticalmente. Primero, pone adv luego Oliver ah y Sp. Espero que ahora te quede claro. ¿Cuál es el uso del metilo corto? Ahora, hablemos del método inverso. Básicamente, la función inversa juega el papel de función corta opuesta. Así que vamos a usarlo. Entonces copia esta línea y comenta la anterior. Hm para usar la función de retroceso de punto ra. Si configuro este archivo, ahora puedes ver, es revertir nuestro orden de nombre de estudiante. Primero, imprime Oliver, luego imprime v, luego imprime el anuncio uno, al fin imprime sway. Es inversa según esta lista. Pero si me quedo corto y retrocedo juntos, déjame mostrarte y ellos establecerán este archivo. Como pueden ver, ahora empieza con la entonces O luego A. Para que quede más claro, voy a imprimir su declaración de documento. Así que copia la declaración y prt después del espectáculo. Higacy, ahora te queda más claro. Al principio, corto nuestro menos Alfabéticamente. Entonces corta nuestro Alfa menos inverso verticalmente. Espero que ahora le quede claro. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 39. Tutorial de JavaScript Pop & Push: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java strep En este tutorial, vamos a aprender el strep Java, método Pop y push Todos estos son el método ra. En nuestro tutorial anterior, aprendemos método corto e inverso. En este turial, vamos a aprender el método pop y push. Aquí puedes ver una matriz. En esta matriz, tenemos un total tres valor agregado uno, 16 y Bong Ahora quiero decir el último valor de esta matriz. Para eso, necesitamos usar un método especial, que es p, POP siempre apunta al último valor de una matriz. De la manera opuesta, tenemos otro método llamado Push. Usando este método, podemos agregar un nuevo valor final de esta matriz. Sin perder el tiempo, estudiemos prácticas y veamos cómo podemos usarlo. Como pueden ver lado a lado, abro mi editor de código visual studio y mi navegador usando la extensión Light Server, y ya creé un documento estable llamado index dot steven. Además, se puede ver dentro de nuestra etiqueta script, creamos una matriz, y yo nuestra matriz, tenemos a cuatro valores. Yo también pintamos este valor en nuestro documento. Smith agrega uno a Oliver. Ahora quiero eliminar el último valor de esta matriz Oliver. Aquí voy a usar la función pop. I para escribir la variable N array punto pop. Entonces necesitamos usar bases redondas porque esta es la función. Después smog a en esta línea. De nuevo, voy a imprimir la línea. Copio la línea y pego después de la función pop. Si configuro este archivo, puedes verlo en mi navegador, puedes ver nuestra primera declaración dopo imprimir nuestro arring completo Pero nuestra segunda declaración doin imprime en tres w. Smith agrega uno y Rahul Elimino hígado de este arr. Recuerda, siempre es eliminar lst wh, y ahora voy a usar la función push Voy a comentar esta línea, y aquí voy a empatar R A dot push. Después fijó el receso redondo, tenemos que pasar el valor. Aquí puede pasar cualquier valor de cadena valor de número, lo que uno. Aquí voy a pasar un valor de cadena. Voy a escribir Curn. Después sem en esta línea. Si configuro este archivo, ahora puedes ver en nuestra nueva lista al final de esta lista, agrega Curn Usando el método Push, puede agregar varios valores como uno. Se va a sumar todo el valor, fin de este valor perdido. Espero que ahora el método pop y push sea claro para ti. En nuestro siguiente tutorial, vamos a aprender el método conformado y sin forma Gracias por ver este video, St melodía para nuestro próximo. 40. Tutorial de JavaScript Array Shift y Unshift: A chicos uv, una vez más, estoy de vuelta con un nuevo Tutorial relacionado con el paso Java. En este tutorial, vamos a aprender a otros métodos, conformados y sin forma En nuestro tutorial anterior, ya aprendimos pop inverso corto y pose. En este total, vamos a cubrir estos dos metílicos, conformados y unshap Aquí puedes ver una matriz, y dentro de esta matriz, tenemos un total de tres valores, nueve H y educación, y ahora quieres sacarlo primer valor de esta lista. Para eso, necesitas usar metilo en forma. Es una versión totalmente opuesta del método pop, que aprendimos en nuestro tutorial anterior. Y si quieres agregar un nuevo valor en la matriz existente, en ese caso, necesitas usar shape. Se va a agregar un nuevo inicio de valor de esta matriz. Comencemos la práctica y veamos cómo podemos usar estas funciones. Como pueden ver lado a lado, abro mis visas a new core y mi navegador usando L live server extension, y ya creé un documento est llamado index dot STL Además, puede ver una matriz dentro del script t y t cuatro valores dentro de esta matriz. Ahora quiero eliminar el primer valor de esta matriz. Para eso, necesitamos usar el método shaped. Hm tipo array dot Ship. Entonces establece esta línea. De nuevo, voy a imprimir esta matriz en mi documento. Copia esta línea y pega después de eso. Si configuro este archivo, puedes ver el resultado. Es eliminar el primer valor del menor. Se elimina por encima de cero el valor del índice. Ahora parte de Add one Role y Oliver. Y de la manera opuesta, si quieres agregar un nuevo valor a índice cero, en ese caso, necesitas usar unshad. Déjame mostrarte. Voy a comentar esta línea, y en la siguiente línea, voy a escribir A punto unsha Luego dentro de la desnudez, necesitamos pasar una V y aquí voy a pasar común Como hundirse para terminar esta línea. Si configuro este archivo, puedes ver el resultado en mi navegador. Ahora nuestra lista empieza con Kamal. Agregar índice cero, le asignó valor Kamal. Esto es para este tutorial. En nuestro próximo Tutorial, vamos a aprender este método dos, concat y Join Gracias por ver este video, estad atentos para nuestro próximo tutorial. 41. Tutorial de concatación y unión de JavaScript: Hola chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java scrip, y tutorial de inglés, vamos a aprender concreto y unir función En nuestros tutoriales anteriores, aprenderemos todo este array meth, short, reverse, pop po shaped unshaped, y tutorial en inglés, vamos a cubrir concreto y unirnos Aquí puedes ver una matriz. Dentro de esta matriz, tenemos Advine Rahul y Aman totales. Del mismo modo, tenemos otra matriz. Dentro de esta matriz, tenemos un total de dos actuales y R V. Ahora desea unir esta matriz de dos y devolver una matriz. Desea fusionar las dos matrices. Para eso, necesitamos usar metilo concat. Concat significa concatenación. Puede unir dos cadenas de otra manera a la matriz usando esta función. Empecemos la práctica ver, cómo podemos usarla. Como pueden ver, lado a lado, abro mi visa Al editor de código y mi navegador usando la extensión del servidor Light, y ya creo un documento STML llamado index dot atm Yo configuro este script, se puede ver una matriz, e inserte esta matriz, tenemos un total de cuatro var, Smith, Ad uno, todos y el hígado Ahora quiero concatenar esta matriz con otra matriz. Para concatenar con otra matriz, tenemos algunos métodos diferentes Déjame mostrarte el primer proceso. Aquí, voy a tomar otra variable p igual a, y ahora voy a usar nuestra función concatinar Un punto concatenar. Y dentro de los tirantes redondos, voy a pasar a otro nombre Nuestro primer nombre es Ravi. Nuestro segundo nombre es Kumar. Es el doble es, C. El semicon dos en esta línea, y ahora voy a imprimir esta nueva matriz en mi documento Aquí voy a escribir documento punto escribir documento punto escribir, configuro el Run brass, voy a pasar o nombre de variable. B, luego anotar dos en esta línea. Si configuro este archivo, se puede ver en mi navegador, imprimir una nueva matriz. Aquí concatenamos directamente con nuestro array existente. Estos cuatro valores provienen de nuestra primera matriz, y estos dos valores provienen de nuestra segunda matriz. Básicamente, fusionamos esta matriz de dos. Déjame mostrarte otra manera cómo podemos usar el metilo concatenar. Algunos para comentar esta línea. De nuevo, voy a usar la misma variable ame. B, y ahora voy a crear una matriz. En cambio el cuadrado ss, en cambio los dobles abrigos, voy a tomar el mismo nombre Ravi Nuestro segundo nombre es Kumar. Entonces semign para terminar esta línea. De nuevo, voy a concatenar esta matriz de dos. Pero esta vez, necesitamos crear otra variable para concatenar Aquí voy a crear otra variable. Nuestra tercera variable m es C, C igual a rata concatenar función, Entonces en cambio el proceso hacia abajo, necesitamos pasar nuestra segunda variable, significar nuestra segunda matriz, B. quiero decir aquí concatn, esta variable array con esta variable V. Ambos son la matriz. Si configuro este archivo e imprimo esta variable C en nuestro documento, permítame mostrarle Gentrit, C, y el conjunto de este archivo, como puede ver, stat en el mismo resultado Ahora C es una nueva matriz, que está hecha por dos array, Ry y B. No solo eso, podemos fusionar múltiples matrices a la vez. Déjame mostrarte. De nuevo, voy a crear otra matriz, y nuestro N es Z, y aquí voy a pasar neumático v, 32, y 65. Ahora quiero fusionar tres array a la vez. Solo necesitamos usar un coma después de B. C. Es malo quiero fusionar esta matriz de dos con esta y. Si configuro este archivo, puedes ver el resultado. Este es el uso de la función Ponkt. Espero que ahora te quede claro. Ahora, hablemos de otro método de matriz, que es Join. Como puede ver, tenemos una variable y dentro de esta variable, tenemos un valor total de tres. Todos estos son valores diferentes, pero quieres unir todo el valor a la vez y convertirlos en una corriente. Cuando conviertes este valor en un stream, quieres usar el signo Ds, lo contrario, cualquier signo entre ellos. En ese caso, es necesario utilizar la función de unión. Va a convertir tu valor en una sola corriente. Empecemos la práctica y veamos cómo podemos usarla. Nuevamente, yo vector visa Estudio codaor. Al principio voy a comentar toda esta línea. Ahora quiero unir todos estos valores y convertirlos en una cadena. Para eso, primero, voy a tomar una variable. X, x igual a, ahora necesitamos usar la función de unión. R A, unión de puntos. Entonces dentro del receso redondo, necesitamos proporcionar cualquier carácter, de lo contrario, cualquier signo, que pueda usar como separador entre valor. Aquí voy a usar el letrero D como abcne en esta línea. Ahora voy a imprimir esta variable. Docen derecha x. Si configuro este archivo, puedes ver el resultado Ahora ya no es una matriz. Ahora es un arroyo. Ahora es una transmisión única completa. Entre ellos, puedes usar cualquier signo o cualquier carácter. Si quieres dar un espacio, y establecer este archivo, como puedes ver, proporciona un espacio entre el valor, pero es un flujo único completo. Puedes usar cualquier signo entre estos valores. Por ahora, voy a usar slash, y voy a configurar este archivo Básicamente, unir función convertir array en una corriente. Este es el uso de la función join. Espero que ahora te quede claro. Gracias por ver este video, estado afinado para nuestro próximo tori. 42. Tutorial de corte y empalme de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con una nueva Tutoria del Java Script relacionado En esta Tutoria, vamos a aprender el método de piojos y plis Hola puedes ver, asignamos una variable y dentro de esta ara, tenemos a tres ruedas, Ad uno Ra y Aman. Y ahora quiero extraer Ren Amen de esta matriz, y quiero crear una nueva matriz. Para ello, necesitamos usar un método array, name slice. Usando esta función, puede extraer uno, de lo contrario, múltiples valores de una matriz, y puede crear una nueva matriz. En esta función, tenemos que pasar a dos parámetros. Inicio y n. quiero decir índice de inicio y n índice. Como ya sabemos, podemos sobrepasar el valor A a usar su número de índice. Según este índice, si queremos extraer Raúl Amén, para valor inicial, necesitamos pasar uno, y para el valor n, necesitamos pasar dos Empecemos la práctica. Cómo es o. Como pueden ver, lado a lado, abro mi editor de código Visor Studio y mi navegador usando la extensión Live Server. Ya creé documentos de estimación llamados index dot estemn Y dije esta etiqueta script, tenemos una matriz. Y dije esta matriz, tenemos total de cuatro ruedas, Smith, Ad uno Raúl y Oliver Ahora de esta matriz, quiero extraer adv y Rahul, y quiero devolver una nueva matriz. Déjame mostrarte. Entonces primero, voy a asignar una variable x, x igual a, y ahora voy a usar la función, slice. Para eso, necesitamos llamar a nuestro punto y R, rebanada. Entonces dentro de la ronda ss, necesitamos pasar a través de dos parámetros. Necesitamos extraer adv y rol de este ic. Este es nuestro índice cero, y este es nuestro primer índice. Hrad pasa nuestro número inicial uno, este es nuestro primer índice Y para el punto final, voy a pasar tres. Ahora la pregunta es por qué pasar tres. Como puede ver, el número de índice Round es dos, no tres, porque para ejecutar esta función, necesitamos agregar uno con nuestro valor perdido. Quiero decir si quieres devolver índice número uno y el índice número dos, en ese caso, necesitas comenzar desde el índice número uno, pero necesitas pasar tres como punto final. Entonces si después de punto y coma, si configuro este archivo, y ahora quiero imprimir nuestro nuevo valor a en mi documento Para eso, voy a escribir documento punto justo dentro de la prensa redonda, voy a pasar x. luego semicon para terminar esta línea Si configuro este archivo, se puede ver el resultado, imprimo el anuncio uno y raun Pero si paso solo uno, y ellos ponen este archivo, ahora se puede ver el anuncio impreso uno Rule y Oliver. Quiero decir que va a crear la nueva matriz a partir del índice uno. También podemos pasar valor negativo. Aquí, voy a pasar menos uno. Si configuro este archivo, ahora puedes verlo imprimir Oliver solo porque iniciamos nuestra matriz desde menos un índice, y este es nuestro índice menos uno, y después de Oliver, no hay valor. Si paso menos dos, y ellos ponen este archivo, ahora lo puedes ver imprimir Rule y Oliver. Esto es menos un valor, y este es menos dos valor. Si usamos valor menos, se trabaja desde dirección opuesta. También se puede acceder al valor desde dirección opuesta. Este es el uso de la función slice en array. Ahora, hablemos de la función PLS. ¿Cuál es el uso de la función PLS? Como puede ver, hay una matriz. Dentro de esta matriz, quiero poner nuevos otros valores. Pero no quiero poner este valor al inicio y al. Para eso, ya hemos empujado una función sin cambiar. Pero quiero poner esos valores entre ellos. Quiero ponerle este valor a Raúl y f Aman. Para eso, necesitamos usar la función place. En esta función, necesitamos pasar tres parámetros totales, índice, número de fechas y nuevo valor. Tenemos que empezar desde el número dos porque quiero colocarlo hasta Rahul En nuestro primer parámetro, necesitamos pasar dos. Nuestro siguiente parámetro es opcional. Este parámetro es útil, si quieres eliminar este valor, si quieres reducir este valor, entonces necesitas pasar cero. Entonces en nuestro tercer parámetro, necesitas pasar el nuevo limón. Hay otro uso de esta función. Puede eliminar el valor existente usando esta función. Sin perder el tiempo, comencemos la práctica y veamos cómo funciona. Como pueden ver, establezca este valor de Rt cuatro, y ahora quiero agregar a nuevo valor después de ale. Para eso, necesitamos usar el método PLs. Ha tipo R A capas de puntos. Entonces estableces la ronda ss, y antes de que pase el parámetro, debes recordar. No va a crear una nueva matriz. Simplemente va a modificar esta matriz. Aquí, después de rol quiero pasar nuestro valor. Aquí, voy a pasar tres, y no quiero eliminar ítem. Después de las tres, voy a pasar cero, y luego voy a pasar a nuevo valor a esta matriz. Pongo las comillas dobles, soy tipo sm. Y nuestro segundo valor es NA, un segun dos en esta línea De nuevo, voy a imprimir esta matriz en mi documento. Voy a copiar esta línea y pegarla después de esta función. Si configuro este archivo, se puede ver el resultado, y para que quede claro, también, voy a usar una etiqueta break entre ellos. Signo de congregación dentro de los códigos dobles, B R. Si configuro este archivo, ahora se puede ver el resultado. Aquí se puede ver después de le, agrega Smit ene y mueve el hígado hacia adelante Si quieres eliminar un valor, tienes que pasar uno aquí. Si configuro este archivo, ahora puedes ver, quita a Oliver de este ist. También, podemos pasar menos. Si paso menos tres, y además voy a hacer eliminar número cero. Yo puse este archivo, ahora se puede ver, aquí se puede ver, puso Smith Neha después de primer valor Para evitar la confusión, voy a cambiar el nombre del valor Aquí voy a pasar R V. Si configuro este archivo, verá el resultado. Ahora, no desea agregar ningún valor a esta matriz existente, pero desea eliminar el valor de esta matriz existente. Para eso, también, puedes usar esta función. Duplicemos esta línea y comentemos de la anterior, y aquí voy a pasar sólo dos argumentos. Déjame mostrarte. Quiero comenzar de dos, y también quiero eliminar dos valor 22. Si configuro este archivo, ahora se puede ver Sta solo dos valor, Smith y agregar uno. Espero nervios claros para ti, ¿cuál es el uso de la función de precio? Se puede agregar nuevo valor. También puedes eliminar valores. Gracias por ver este video, melodía estatal para nuestro próximo estudio. 43. Tutorial de JavaScript isArray: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con una pantalla Java relacionada con neo Tutorial. En este tutorial, vamos a aprender una nueva matriz relacionada con el metilo. El nombre de nuestro método es es. Ya cubrimos toda esta función en nuestro tutorial anterior, y en este tutorial, cubro esta función, es solo A. Total de tres variables, A, V y C. Además, se pueden ver los tipos de datos. A es a, V es un número y C es un stree Para que puedas reconocer ese tipo de datos muy fácilmente. Pero, ¿cómo puede reconocerlo tu programa? ¿Es array o no? Supongamos que quieres establecerlo condición. Si variable es una matriz, en ese caso, se quiere realizar un código. contrario, quieres ejecutar otro para reconocerlo, tenemos una función especial, que es es array. Veamos cómo podemos usarlo práctico. Harry se puede ver lado a lado, abro mi editor de código de visual studio y mi navegador usando la extensión Live Server, y ya creo estim nombre de documento Index estim Está en la etiqueta script, se puede ver, tenemos una matriz. En esta matriz, hemos puesto cuatro ruedas, y también imprimo esta matriz en mi documento. Y ahora quiero comprobar, es variable Ar y es A o no. Para eso, primero, voy a crear una variable. X, x igual a, y ahora necesitamos llamar a la función. Un punto es. Pongo el redondo dice, tenemos que pasar la variable A R y, luego semgal a n esta línea Esta función siempre escrita verdadera o cae. Vamos a traer la variable en mi documento. Sin embargo, escriba documento punto a la derecha. Es el proceso redondo, voy a pasar el v n x. pn sub a esta línea. Si configuro este archivo, puedes ver el resultado. Es stritn probar. Pero si cambio el tipo de datos, déjame mostrarte. Entonces para preg esta línea y comentar línea anterior. Aquí voy a quitar esta matriz y voy a insertar un valor neumático, que es 55. Si configuro este archivo, ahora lo puedes ver st falls. Ahora, usemos este método con una condición EP. Para eso, voy a quitar las líneas, y aquí voy a teclear I. Aquí voy a escribir I dentro de la ronda sis, A, punto, hay una función, dentro de las carreras redondas, voy a pasar la matriz de nombres variables. Si la condición es verdadera, entonces dentro del ciss, quiero imprimir una declaración de documento Documento punto escribir dentro de la ronda ss, y quiero imprimir, esto es una matriz. En nuestra condición s, quiero imprimir s dentro del cis, documento punto derecho documento punto, nosotros dentro del latón redondo, esto no es una matriz. Y también semicon para terminar esta línea. Vamos a establecer el archivo y ver qué declaración va a devolver. Si configuro este archivo, como puedes ver, sprint, este no es un array porque como puedes ver, nuestros datos variables son número. Pero si desactivo esta línea y descomento esta línea y dist este archivo, como pueden ver ahora sprint, se trata de una matriz Usando esta función, puede verificar esta variable es array o no. Gracias por ver esta melodía de estadísticas de video para nuestro próximo tutorial. 44. Tutorial de JavaScript Array indexOf y lastIndexOf: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este total, vamos a aprender índice de y último índice de metilo. En nuestro tutorial anterior, ya hemos cubierto Even A meth y en este tutorial, voy a cubrir este índice de y último índice de. Al principio, tratemos de entender qué es el índice de metilo. Igual CN y nuestra variable m es A, y tenemos valor total cuatro en esto, sumamos uno, Rahul Amon y Raúl Y ahora quieres comprobar que los Rams existen en tu matriz o no Si existe, devuelva el número de índice. En nuestro caso, va a devolver uno. Estar en nuestro índice cero, tenemos sumar uno. En nuestro primer índice, tenemos a Rahul. En nuestro segundo índice, tenemos Amén y en nuestro tercer índice, tenemos nuevamente al ferrocarril. Podrías confundir Tenemos un total de dos ruedas similares. Ra en el índice número uno, ra en el índice número tres, pero el índice de función siempre va a devolver el primer resultado. En esta función como parámetro, primero, es necesario pasar la palabra clave de búsqueda. En nuestro caso, R. Así DFL va a devolver el primer resultado Después de devolver el primer resultado, no va a devolver el otro resultado. Pero si iniciamos nuestro resultado de búsqueda desde el Índice dos, en ese caso, va a devolver este resultado Índice tres. Recuerda, en nuestro primer parámetro, necesitamos pasar la palabra clave y En nuestro segundo parámetro, necesitamos pasar el número de índice desde donde queremos comenzar. Entonces, sin perder el tiempo, comencemos la práctica C, cómo es w Como puedes ver, S P S, abre mi visa stdio editor de código y mis arcos están usando la extensión del servidor de vida, y ya creo un documento STL llamado index dot Dentro del paquete de scripts, como puedes ver, tenemos una matriz. Dentro de esta matriz, tenemos un total de cuatro w, Smith, Add one, Role y agregamos una A, y ya imprimimos nuestra matriz en nuestro documento. Como puedes ver, hemos sumado 12 veces en nuestra lista. Veamos cómo funcionaba el índice de método en esta matriz. En rápido, voy a crear una variable X, X igual a A, índice de punto de método, índice. Después dentro de las llaves redondas, al principio, voy a pasar sólo un parámetro Voy a pasar sólo Q palabra a la una. Entonces semar para terminar esta línea. A continuación, voy a imprimir esta x muy bien en mi documento. Aquí estoy escribiendo documento justo dentro del rorass, x, y luego smilar para terminar esta línea Antes de configurar este archivo, aquí voy a usar una etiqueta B. Voy a usar signo concatenar dentro de los códigos dobles, Si configuro este archivo, puedes ver el resultado, está escrito uno porque está escrito el primer resultado de esta matriz, y el número de índice de este primer resultado es uno. De igual manera, si quieres buscar otro valor, pasa a Rahul Entonces voy a configurar este archivo. Ahora puedes ver que está escrito Índice número dos, y ahora quiero iniciar nuestra búsqueda qu desde Índice número dos. Aquí voy a pasar otro parámetro. Dos. Además, voy a cambiar la palabra clave de búsqueda. Esta vez, voy a registrar a Smith. Si configuro este archivo, aqua c va a devolver menos uno. Si esta función no encuentra ningún valor en ese caso, va a devolver menos uno. Deja que te lo demuestre. Aquí, voy a pasar otro valor, que no está al este en esta lista. Voy a pasar V. Si configuro este archivo, aqua, nuevo necesito devolver menos uno, porque contamos desde el índice número dos, por eso Smith palabra clave escrita menos uno. Vamos a quitar la palabra clave y aquí voy a escribir a una a. si configuro este archivo, ahora puedes ver que está escrito índice número tres. Como puede ver, después del índice número dos, forma la palabra clave. Por eso está escrito el índice número tres. Solo hay que recordar, si la palabra clave no está disponible, en ese caso, va a devolver menos uno, y si la palabra clave está disponible, en ese caso, va a devolver el número de índice, y usando segundo parámetro, podemos seleccionar desde donde queremos iniciar nuestro s. espero que ahora quede claro para U, cuál es el uso de índice de función. Ahora hablemos de nuestro otro método, que es el último índice de. El heregay es el mismo ara, puse este proto Este bathod es opuesto a nuestro método anterior. Se busca resultados de dirección opuesta. Si busco Rd va a devolver el índice número tres. Empecemos la práctica y veamos cómo funciona. De nuevo, voy a buscar agregar una palabra clave, pero voy a cambiar el nombre del método, que es el último. Último índice. Aquí, voy a quitar nuestro segundo parámetro. Solo quiero buscar agregar uno. Si configuré este archivo, hec no escribió nada porque hice alguna silmística Necesitamos capitalizar la palabra clave. Yo último índice. Si configuro este archivo, ahora puedes ver, está escrito tres porque ahora va a buscar resultado de dirección opuesta, y encontró la palabra clave adv en el índice número tres De igual manera, si paso el segundo parámetro, así que aquí, de nuevo, voy a pasar, nuevo, voy a pasar dos aquí. Si configuro este archivo, ahora se puede ver está escrito índice número uno. Ahora va a buscar la palabra clave adv antes que la palabra clave rol. Por eso ret índice número uno. Este es el uso de estas dos funciones. Gracias por ver este video, estado sintonizado para nuestro próximo 22. 45. Array de JavaScript incluye tutorial de métodos: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Javascript y Matemáticas. En este tutorial, vamos a incluir Matemáticas. Aquí puedes ver array, que es historia en una variable A. Dentro de esta matriz, tenemos un total tres valor agregado uno, Rahul y Ahora quiero buscar un valor de esta matriz. En nuestro caso, Rahul. Quieres verificar que un valor entero exista en esta matriz o no. Para eso, puedes usar, incluir función. Aquí necesitas pasar la palabra clave de elemento de búsqueda. Aquí puede buscar Tipo de datos alfa numéricos, tipo de datos numéricos, cadena, etcétera Puede buscar cualquier tipo de valor y esta matemática devuelve y valora a través de cualquiera de las grasas. Sin perder el tiempo, comencemos la práctica y veamos cómo está. Como pueden ver, lado a lado, abro mi editor de código Visa studio y mi navegador usando la extensión Light Server, y ya creo documento EstiML llamado index dot atm Es este script, se puede ver una matriz. Dentro de esta matriz, hemos puesto los cuatro Smith, Ad one ale y Ad one Again. Además, puedes ver, imprimimos nuestro documento en esta matriz. Ahora quiero encontrar un nombre de este ar. Para ello, necesitamos usar el método include. Al principio, voy a crear una variable. Ese X. X ASinud, un punto incluye función, R A, punto incluye Después insertar el receso redondo e insertar el doble curso, voy a pasar la palabra clave, que es agregar uno Después sub para terminar esta línea. Básicamente, quiero buscar, agregar una palabra existir en esta matriz o no. Vamos a correr muy bien en nuestro documento. Su documento tipo punto a la derecha, y establecer las prensas redondas, voy a pasar nuestras muy bien tomas, y sub para terminar esta línea. Si configuro este archivo, puedes ver el resultado. Está escrito t porque agregar uno es existir en nuestro array. Del mismo modo, si paso un valor que no existe en esta matriz, déjame mostrarte. Pase Rb. A continuación, establezca este archivo. Ahora puedes ver que está escrito fals Recuerda que esta función es sensible. Déjame mostrarte. Aquí voy a teclear Smith. Pero aquí utilizo pequeño caso cuatro A. Si configuro este archivo, noc sytem vuelve a caer Pero si capitalizo este carácter S, y luego configuro este archivo, Noct La función es sensible a mayúsculas y siempre tratamos de coincidir con la Q exacta. Básicamente, utilizamos este tipo de método con condiciones e. Según resultado, podemos realizar cualquier programa. Espero No incluir método. Gracias por ver este video, estado melodía para nuestro próximo a. 46. Tutorial de algunos métodos y todos los métodos: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo Tutorial real tate Javascript. En este tutorial, vamos a aprender algunas y cada una de las matemáticas. Aquí puedes ver una variable nombre edad. En cambio esta variable, tenemos un total de cuatro, 18, 13, 21 y diez. Ahora quieres verificar el valor adulto de esta lista. Como puedes ver, 18 y 21 es adulto, pero quieres comprobar los valores, ¿es adulto o no? Supongamos que crea una variable y asigna el valor adulto, que es 18, y ahora desea extraer qué valor es igual a 18, lo contrario, mayor que 18. Para eso, puedes correr follow. En su lugar este folue, puedes usar condiciones P. Pero es un proceso bastante largo. Pero en array, tenemos una solución sencilla, que es S. A través de esta función, se puede comprobar el resultado. Pero antes necesitamos crear una función para obtener este valor, y necesitamos pasar la función en el método sum. Por cada valor de esta matriz, va a ejecutar esta función sum. Esta función siempre devuelve valor de prohibición a través de cualquiera de los dos falsos. Si alguno de los valores coincide con la condición va a devolver true, lo contrario, va a devolver false. Entonces, sin perder el tiempo, comencemos la práctica. Como puedes ver lado a lado, abro mis visas a tu editor de código y a mi navegador usando la extensión Live Server, y ya creé estel nombre del documento index dot ESTEML Como puedes ver dentro de la etiqueta script, tenemos una variable He array, y un total de cuatro valores en esta matriz, y ya imprimo este valor en mi documento, y ahora quiero verificar todo el valor en una condición. Para eso, voy a crear una variable x igual a, y aquí voy a llamar a la función sum. H es punto S Como te dije antes, va a devolver solo una rueda a cualquiera de las dos caídas. Pero para eso, necesitamos pasar una condición dentro de esta función de suma. Voy a crear una función. Pero antes voy a llamar al nombre de la función dentro de esta función, y nuestro nombre de función es adulto. Vamos a terminar esta línea. Si pongo este suelo, no va a funcionar. Con eso, quiero imprimir el resultado en mi documento. Aquí estoy quiero escribir documento punto justo dentro del down ses, quiero imprimir nuestra variable, que es x. Al entrar en ella, pongo los dobles, quiero usar un B a ta o romper la línea. Nuevamente, seg a en esta línea. Ahora voy a crear la función. Aquí voy a escribir function que function, y nuestra función es adulta. Entonces dentro de las carreras redondas, voy a pasar solo un parámetro H. Siguiente, dentro de la burda, y ahora quiero devolver ya sea falso valor de esta función Para eso, aquí voy a usar escrito, retorno. Regreso, y voy a usar operador de comparación. H mayor que igual a dos, y nuestro número es 18, y el s dos en esta línea. Al principio, esta función de suma va a comprobar todo el valor de esta lista. Como argumento, va a pasar todo el valor uno por uno en la función adulta. Según la condición, la función adulta va a devolver el resultado a cualquiera de las dos caídas. Si uno de los valores únicos pasa la prueba va a regresar. Sin perder el tiempo, tomemos aleta y veamos qué pasó. Como pueden ver, ha sido cierto porque 19 es mayor que 18. También, si elimino 19, y lo convierto en 16 y luego configuro este archivo también ren true porque 22 es mayor que 18. Pero si cambio el valor, 11 y luego sube este archivo, ahora se puede ver que devuelve falso Pero si paso 18, como pueden ver, vuelve verdad. Porque si alguno de los valores coincide con esta condición, siempre va a devolver true. Recuerda, si quieres usar alguna función con A, necesitas crear otra función porque esta función como argumento, va a tomar función. Ahora, hablemos de cada función. Cada función también bastante similar con eso. Aquí voy a duplicar esta línea y comentario de la anterior, y voy a escribir cada. Esta función devuelve true si todo el valor coincide con esta condición, lo contrario, va a devolver false. Si configuro este archivo, como pueden ver, está escrito falso porque sin 18, todo el valor no coincide con esta condición. Por eso está escrito falso. Pero si aumento el valor, déjame mostrarte 22. 9021. Si pongo esto vil, ahora se puede ver que está escrito Esta función también va a verificar todo el valor uno por uno. Pero si alguno del valor no coincide con esta condición, va a devolver falso aquí. Pero en nuestro método anterior, si uno de los valores coincide con esta condición, en ese caso, va a devolver true. Esta es la diferencia básica entre algunas y cada una de las funciones. Espero que ahora te quede claro. Gracias por ver este video state une para nuestra próxima revisión. 47. Tutorial de búsqueda y búsqueda de matrices de JavaScript: bueno verlos chicos, una vez más, estoy de vuelta con un nuevo tutorial relacionado con los métodos de matriz de JavaScript. En este tutorial, vamos a aprender dos nuevos métodos, A find and find index. Aquí puedes ver un nombre de matriz. Dentro de esta matriz, tenemos cuatro, 18, 13, 21 y diez. Ahora quiero buscar resultado basado en la condición. Quiero buscar un valor que sea igual a 18, lo contrario, gater que 18 Creo una variable y asigno una v, que es 18. Entonces necesitamos crear una función y dentro de esta función, necesitamos crear una condición. Como nuestro tutorial anterior. Este método también es bastante similar con nuestro método anterior. Pero en nuestro método anterior, trataba el valor de prohibición verdadero ya sea cuatro. Pero si usamos el método find, en ese caso, va a devolver la V, va a devolver el primer valor, que coincide con esta condición. Según esta matriz, va a devolver nuestro primer valor 80 porque coincide con la condición, e ignora todos los valores. Pero si nuestro primer valor no coincide con la condición, en ese caso, va a devolver 21. Este es el uso del método fino. Ahora, hablemos del método de índice fino. Este método también es similar con el método fino. Pero la diferencia es que devuelve el número de índice de esta ara, no el método V. Fine siempre escrito, sino método de índice fino escrito el número de índice, que es cero. Sin perder el tiempo, comencemos la práctica y veamos cómo es w Como de costumbre, abrimos nuestro editor de código de Visual Studio y mi navegador usando la extensión Light Sever, y ya creo un documento esten llamado index dot stem Como se puede ver en esta pestaña de script tenemos una matriz, y tenemos un valor total de cuatro en esta matriz. Como puedes ver, cómo usamos nuestra función torial anterior, adulta. Esta función va a comparar los valores de la matriz uno por uno. Como saben, para ejecutar este método, necesitamos crear una variable Creo una variable x, x igual a como punto, y nuestro primer nombre de método está bien. Bien. Luego dentro de la prensa redonda, necesitamos pasar el nombre de la función, que es adulto. Fijemos el archivo y veamos qué escribió. Si configuro este archivo, como pueden ver, está escrito 19. Está escrito el valor exacto, que se corresponde con esta condición. Este es el uso del método fino. Siempre se escribe el primer valor, que se corresponde con la condición. Hablemos de nuestro otro método, que es encontrar índice. Aquí, voy a escribir find index. Si digo este expediente, ahora se puede ver que está escrito dos, pero la pregunta es, ¿por qué? Como te dije antes, encontrar método índice siempre escrito el número índice. Como puede ver en el Índice número dos, tenemos 19. Por eso está escrito dos. Espero que ahora te quede claro. ¿Cuál es el uso del método Find and find index? Gracias por ver este video, melodía estatal para nuestro próximo tvio 48. Tutorial de filtros de matrices de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el método de matriz Java Script. En este torial, vamos a aprender el filtro de matriz. Como puede ver en nuestra matriz, tenemos valor total cuatro, 18, 13, 21, y t Ahora quiero buscar valor de acuerdo a las condiciones, y quiero extraer esos valores que están en 18, lo contrario, mayores que 18. Para eso, necesitamos crear una condición dentro de una función, y necesitamos pasar la función dentro de este método de filtro, y va a devolver una nueva matriz, cuya A es 18, lo contrario, mayor que 18. Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usar este método. Como puedes ver, lado a lado, abre el editor de código vis studio y mi navegador usando la extensión Lf sever, y ya creé eTEM nombre del documento Index Como puedes ver dentro de la etiqueta script, ya tenemos una matriz. También tenemos un valor total de cuatro en esta matriz, 14, 17, 19 y 15. Además, voy a cambiar uno de los valores de esta matriz. Hm ta 22, voy a configurar este archivo. Como pueden ver, ya tenemos una función para condición adulta, y utilizo esta función muchas más veces en nuestros ttfels anteriores Ahora, usemos la función con esto. Él es filtro de puntos, y en la prensa redonda, tenemos que pasar la función, que es adulta. Y digo este archivo, como se puede ver en un navegador, como se puede ver está escrito en nueva ara. Según condición, 19 y 22 es mayor que 18. Por eso es que st este dos valor. En nuestro método anterior, está escrito un valor, de lo contrario número índice. Pero usando el método filter, podemos devolver todo este valor, que se corresponde con esta condición. Espero redes para ti, ¿cuál es el uso de la función de filtro? Gracias por ver este video, estén atentos para nuestro próximo sural. 49. Métodos de matriz de JavaScript a cadena, valueOf y relleno: Ir a Zu Ba chicos otra vez ab con un nuevo tutorial relacionado con el método de matriz JavaScript. En este tutorial, vamos a aprender dos método string value up method y fill math. Como puede ver Hazon array. Dentro de esta matriz, tenemos que t tres valor Aman agregar uno y Rahul Ahora quiero convertir esta matriz en una cadena. Para eso, necesitamos usar un nombre de función dos cadenas. Se utiliza para convertir la matriz existente en una secuencia. Después de convertirlo en una cadena, no podemos aplicar ningún otro método de matriz en ella. Sin descansar tu tiempo estudiemos práctico y veamos cómo podemos usarlo. Como de costumbre, lateral, abrimos nuestro editor de código Vs sudo y mi navegador usando la extensión Live Server, y ya creé un nombre St y com en la matriz dot Stel Como puedes ver dentro de esta etiqueta script, tenemos una matriz, X, y tendremos que contar cuatro valores dentro de esta matriz. Agregar uno Rahul Arab Ravi Si quieres convertir esta matriz en una cadena para eso, necesitas escribir nuestra variable nombre X punto, y necesitamos usar nuestro metal, dos cadenas dos cadenas Y luego voy a imprimir esta variable en mi documento. Aquí voy a escribir documento punto derecho y pongo esto abajo masas, voy a pasar nuestra variable en x. Si configuro este archivo, como pueden ver, está en el resultado. Ahora, nuestra variable se convierte en una cadena, no en una matriz. Ahora no podemos aplicar ningún método array a esta variable. Hablemos de nuestro otro método, que es Vu. ValueO no es un método muy importante. Es un método háneo. Al usarlo, podemos imprimir nuestro valor de matriz en nuestro documento. Eso es. Podemos hacer lo mismo usando la función de escritura de punto de documento. Esta no es muy importante. Ahora, hablemos de nuestra tercera función, que es fil. Como se puede ver dentro de esta matriz, tenemos que tres velo diferente. Pero si quieres llenar los lugares con un valor estático, en ese caso, puedes usar esta función. Esta función va a reemplazar todo el valor con un velo estático, y devolverá una nueva matriz llena de velo estático. Empecemos la C práctica, cómo podemos usar este método. Ahora quiero sustituir todo el valor por un solo mundo. Como te dije, para eso, necesitamos usar el método de relleno. Voy a duplicar esta línea y comentar la anterior, y aquí voy a atar x punto, rellenar. Entonces en set la prensa redonda, aquí paso Smith. Si configuro este archivo, como pueden ver, reemplaza nuestro valor con una palabra clave estática, Smith. Espero que ahora te quede claro, ¿ cuál es el uso de los métodos? Esto es ocho para este tutorial. Gracias por ver este video, estado une para nuestro próximo. 50. Tutorial de JavaScript forEach: Me alegro de verles chicos. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java. En este tutorial, vamos a aprender para cada bucle. En nuestro tutorial anterior, ya aprendimos, tenemos que cinco loop en Java C, Wilk a ilopop, FH loop, y Y ya cubro i loop to loop y for loop en nuestros tutoriales anteriores. En este tutorial, vamos a cubrir bucle Forage. Como te dije antes, bucle de forraje funciona con matrices, y el bucle foráneo funciona con objetos Como puede ver, tenemos una matriz. Dentro de esta matriz, tenemos un total de tres v, Amon agrega uno y un Ho Ahora quiero imprimir todos los valores uno por uno. También se puede realizar otra función con eso. Para eso, nuestra matriz proporciona en el método de compilación, que es fora. Este método se ejecuta para cada valor de este ary. Si quieres imprimir algo, de lo contrario, si quieres hacer algo, en ese caso, puedes pasar una función dentro de este foro. Aquí puedes crear tu propia función, de lo contrario, puedes usar en funciones, y luego puedes imprimir cualquier declaración, lo que quieras. Ahora se podría pensar que podemos hacer lo mismo usando for. Sí, podemos, pero es bitl proceso NV. Para ello, necesitamos inicializar una variable. Entonces necesitamos obtener la n. A continuación, tenemos que establecer la condición para ejecutar el baño. Tenemos que hacer muchas cosas para cuatro. Pero aquí, no necesitas tomar ninguna variable, y normalmente puedes imprimir cualquier declaración usando cuatro. W perdiendo el tiempo, comencemos la práctica y C, cómo es así. Como pueden ver lado a lado, abro mi editor de código Visa studio y mi navegador usando la extensión del servidor light, y ya creé el documento STL llamado index dot STL Dentro de esta etiqueta script, tenemos una matriz. Dentro de esta A, tenemos total cuatro ve agregar uno Raúl Alaba. Ahora quiero imprimir todo este valor usando para e. Para eso, aquí, voy a escribir X punto para cada uno. Para cada uno. Luego dentro de la resis redonda, necesitamos crear una función. Aquí voy a escribir function keywor Function, round ss y Dentro de lo burdo, podemos escribir nuestra declaración. Por cada valor, va a correr nuestro para cada mínimo, y necesitamos ordenar el valor en una variable. Dentro de la resis redonda, voy a tomar una variable. Ahora voy a imprimir el valor dentro del auto sis. Aquí voy a escribir documento punto. Está bien el receso redondo. Después sem dos en esta línea. Además, voy a agregar una etiqueta BA con eso. Ja tipo, digo el doble des, R. Vamos a poner el archivo y ver, pero conseguimos. Si configuro este archivo, puedes ver el resultado. En por uno, imprime todo el nombre, agrega un rol. También, podemos imprimir su índice con eso. Aquí voy a tomar otra variable, y voy a tomar variable índice N. Después de romper etiqueta, voy a usar letrero de congregación. Después puse los códigos de torre, voy a usar dos puntos. Después de dos puntos, de nuevo, voy a usar un letrero congregacional Aquí voy a pasar nuestro índice. Si configuro este archivo, puedes ver el resultado. Yo hice una simista. Necesitamos usar la etiqueta BA después del índice. Voy a cortar esta porción, y por índice, la voy a pegar. Si configuro este archivo, puedes ver el resultado. En un índice es cero, el índice R es uno, índice de ARN es dos y el índice RV es tres. Sin tomar ninguna variable extra y sin get lan, podemos imprimir su valor y su número de índice. En lo más importante. Como puedes ver, creamos la función dentro del forraje, pero podemos crear la misma función fuera del forraje Déjame mostrarte. Entonces voy a cortar esta porción y fuera del forraje, voy a pasarlo. Aquí, voy a tomar un nombre para esta función, y nuestro nombre de función es loop. Y voy a llamar a esta función de bucle dentro de este bucle de forja. Hm a tipo look. Si configuro este archivo, puedes ver el resultado. Como puedes ver su palabra a la perfección. Uno por uno, cubriremos todo el método A. Esto es para este tutorial. Ste incluso para nuestro próximo tutorial. Gracias por ver este video. 51. Tutorial de objetos de JavaScript: Hola, chicos, es bueno volver a verles. Una vez más, estoy de vuelta con un nuevo tutorial realtd Java script En este tutorial, vamos a aprender objetos de script Java. En nuestros tutoriales anteriores, aprenderemos sobre cómo se hizo la matriz y cómo funciona la matriz. Como puede ver, inserte la prensa cuadrada, podemos pasar múltiples valores y podemos acceder a ellos para usar su número de índice Pero en este tutorial, vamos a hablar de objetos. El objeto es bastante similar a una matriz, pero es bastante avanzado y actualizado. Técnica de par de valores clave de seguimiento de objeto. Objeto hecho con propiedades y V. Como puedes ver, creamos un objeto, X, y para crear un objeto, necesitamos usar casos. Pero para array, necesitamos usar ses cuadrados. En arrays, solo, necesitamos pasar valores. Pero en los objetos, podemos crear nombres de propiedad. Como puedes ver, nombre agrega uno, apellido significa, He 80, país India. Si comparamos objeto con ras, objeto está más bien definido. Básicamente, es necesario recordar objeto hecho con, propiedad y valores. Antes de la columna, necesitamos escribir el nombre de la propiedad. Después de dos puntos, necesitamos escribir los valores, y podemos almacenar cualquier tipo de valor en objetos. Podemos almacenar una función en nuestro objeto. Además, podemos almacenar una matriz en nuestro objeto. Con eso, podemos almacenar otro objeto dentro de un objeto. Estos son el punto más fuerte de un objeto. Sin perder el tiempo, estudiemos prácticas y C, ¿cómo es así? Como pueden ver, lado a lado, abro mi editor de código visor studio y mi navegador usando la extensión Live Server, y ya creé un punto de índice de nombre de documento estable en. Al principio, dentro de la etiqueta script, voy a crear un objeto. Su tipo A igual al interior del auto ss. Entonces dentro de la curva ss, voy a tomar nuestro primer nombre de propiedad, que es nombre, fname, F name Entonces después de dos puntos, necesitamos tomar el valor, y el valor es sumar uno. Después de crear la primera propiedad y valor, necesitamos usar coma para crear otra propiedad y valor, y nuestra siguiente propiedad es el nombre. Colón y el valor es g. nuestra siguiente propiedad es. Tipo Hm, H. H es un valor numérico. Por eso no necesitamos todo el cos. Hm p 21 solamente. Nuestra última propiedad es Zener. Ender Ml. Creé con éxito nuestro objeto. Por ahora, solo usamos cuatro propiedades. Ahora voy a imprimir este objeto usando el método de escritura de punto de documento. Hm tipo documento punto derecho, es que la ronda ress nuestro nombre de objeto, A, Hay dos en esta línea. Si configuro este archivo, como puede ver, es objeto objeto de impresión. No imprime nuestros datos de objeto en mi navegador. Pero si quieres excederte este objeto en mi consola, déjame mostrarte. Aquí estoy tipo consola dot log configuro el proceso redondo u objeto A. Por favor suegro en esta línea Si configuro este archivo, ahora se puede ver en mi consola, superamos con éxito este objeto. Y si abro la sección de puntos, como pueden ver, 21, S Nombre agregar uno, ender M, M Ming. Si notas puedes ver, corta alfabéticamente nuestras propiedades Si tratamos de imprimir todo el objeto usando la función derecha documentada, en ese caso, siempre va a imprimir objeto y objeto. Pero si quieres sobrepasar uno del valor, sí, puedes. Quiero exceso de propiedad fname. Para eso, necesitamos escribir nuestro nombre de objeto A punto fname. Si configuro este archivo, ahora puedes ver el nombre, agrega uno. Podemos sobrepasar cualquier valor usando el nombre de la propiedad. Ahora quiero almacenar una matriz dentro de este objeto. Para eso, de nuevo, necesitamos usar otro coma. Después de eso, también, héroe tenemos que tomar un nombre de propiedad, y nuestro nombre de propiedad es lenguaje de programación. Su tipo, P, subrayan Lang. Entonces después de dos puntos, como saben, para crear una matriz, necesitamos usar square ***. Entonces pones el cuadrado ***, voy a pasar algún nombre de lenguaje de programación. Nuestro primer nombre de lenguaje de programación es Python. Y nuestro mismo nombre de lenguaje de programación es Java. Con eso, también, voy a tomar otro nombre de lenguaje de programación, que es PHP, y Seve dos en esta línea Si configuro este archivo, como pueden ver en mi consola, tenemos otra opción dp down, lenguaje P, y en s y t y tal tres valores dentro de esta matriz. Por eso es imprimir tres. Si intento abrirlo, como pueden ver, en el índice número cero, tenemos Python Índice número uno, Java, índice número dos, pH, y además imprime la longitud del array en mi consola tres. Si quieres imprimir esta matriz en tu documento, sí, puedes. Necesitas escribir P guión bajo n. Si configuro este archivo, puedes ver el A P Python Java S&P. Como te dije, dentro de un objeto, podemos almacenar Podemos almacenar A, podemos almacenar funciones. Podemos almacenar otro objeto dentro de un objeto. No solo eso, si quieres sobrepasar uno de los valores de esta matriz, sí, solo puedes necesitar usar square ss y dentro del square ses, necesitas pasar necesitas pasar el número de índice. Hm pas uno. Si configuro este archivo, como pueden ver, es imprimir sólo Java. Ahora, insertemos una función en este objeto, y nuestro nombre de función es fame. Su tipo, nombre completo. Luego, después del refrigerante, ahora necesita usar una función de curado de función. Como de costumbre, necesitamos usar ss redondos. Entonces dijo el color ss, voy a devolver un comunicado. Tipo Hm, retorno. Y en mi declaración escrita, quiero concatenar nombre con apellido Aquí voy a escribir F nombre. F nombre, y voy a usar signo de congregación. Entre signo de congregación, quiero proporcionar un espacio. Entonces otra vez, voy a usar un signo de congregación y nuestro apellido. Nombre. Entonces dolió a dos en esta línea. Si llamo a esta función y configuro este archivo, no va a funcionar, déjame mostrarte. Un punto, nombre completo. Si configuro este archivo, y entonces necesitamos usar bases redondas porque es una función. Si configuro este archivo, como pueden ver , es a través de una flecha. El nombre F no está definido. Pero tenemos los nombres de las propiedades en nuestro objeto. Como puedes ver, ya definimos fname en nuestro objeto. ¿Por qué esta función no puede leer esta propiedad? Porque hay un método especial para el exceso de nombre de propiedad de objeto en una función, que es esta. Déjame mostrarte. Aquí necesitamos escribir este punto fname Además, tenemos que pasar este nombre de punto. Si configuro este archivo, como pueden ver, ahora ha funcionado perfectamente, es imprimir nombre completo y un mech Ahora la pregunta es, ¿cuál es el significado de esta palabra clave? Esto significa el objeto. El objeto con el que trabajamos. Aquí llamamos a esto do fname significa, es media quiero sobrepasar esta propiedad de objetos fname Tenemos que seguir la técnica especial al exceso de propiedad de objetos en funciones. Y recuerda, la función dentro un objeto se llama método. Como pueden ver, podemos poner. También podemos poner función dentro de un objeto. Ahora voy a poner otro objeto dentro de un objeto. Déjame mostrarte. Después de H, voy a tomar otro nombre de propiedad y nuestro nombre de propiedad es addres agrega dos puntos, y aquí voy a casos de uso Dentro del Cass, nuestro primer nombre de propiedad es CT. Dentro del curso do, voy a escribir C. F valor, voy a tomar gato. Después de eso, necesitamos usar coma. También, voy a tomar nombre de país País. País, India. Después de los autos, aquí necesitamos usar un coma. Como puedes ver, dentro de un objeto, creamos otro objeto. Veamos cómo podemos acceder a este objeto anidado. Ahora, intentemos imprimir este objeto en nuestro documento. Para eso, voy a quitar esta función. Y tipos de Jamón, Un punto o nombres de objeto. Nuevamente, necesitamos usar otro punto, y quiero acceder a este CT. H para pasar CN. Si configuro este archivo, como pueden ver, su impresión o sentado en Calcuta Si te muestro mi consola, como puedes ver, prototipo de dirección es objeto. Esto es para este tutorial. Vamos a aprender más sobre ello en nuestro próximo tutorial. Gracias por ver este video, estén atentos para nuestro próximo Tutorial. 52. Tutorial de objetos de JavaScript II: Sub chicos, una vez más, estoy de vuelta con un nuevo Tutorial relacionado con el objeto Javascript. En nuestro tutorial anterior, ya aprendemos qué es objeto, y ¿cómo podemos crear objetos? Además, aprendemos cómo podemos imprimir en nuestra consola y nuestro documento. Pero en este tutorial, vamos a aprender cómo podemos crear un objeto con un método diferente. Sin perder el tiempo, comencemos. En nuestro nuevo método para crear un objeto primero, necesitamos asignar una variable como A, luego necesitamos usar una palabra Q, que es nuevo objeto. Cómo no asignar ningún valor a este objeto, sino que crea un objeto vacío. Posteriormente, podremos almacenar valor cuando queramos. Para almacenar valor en este objeto, necesitamos atar, primero, necesitamos atar el nombre del objeto. Entonces necesitamos usar punto. A continuación tenemos que pasar el nombre de la propiedad. En nuestro caso, nombre de pila. Entonces después de Colón, tenemos que pasar el valor sumar uno. De manera similar para el apellido, necesitamos pasar otro valor Mach Empecemos la práctica y veamos cómo podemos crearla. Como pueden ver lado a lado, abro mi editor de código visual dio y mi navegador usando let server extension, y ya creo ESTL nombre de documento index dot STML Para crear un objeto, primero, voy a tomar una variable. variable m es donde persona, igual a deinit para usar nueva clave, nuevo objeto nuevo El em para terminar esta línea. El beneficio de usar este método es que podemos almacenar valor más adelante. Agreguemos algo de propiedad y valor a este objeto. Primero, voy a insertar el nombre de pila. Su tipo persona punto nombre igual para hacer valer los códigos dobles d uno Entonces sem dos n esta línea. Entonces voy a suplicar esta línea y Hm escriba nombre. Apellido, Ming. Con eso, quiero pasar otro valor de propiedad. Así que duplique de nuevo esta línea y metro tipo persona punto H. A es un valor numérico, así que no necesito dobles, 22. Y ahora voy a imprimir esta persona objeto en mi documento. Déjame mostrarte. Mo tipo consola punto registro dentro de la prensa redonda o el nombre del objeto persona. El se dos N esta línea. Si configuro este archivo, se puede ver en mi sección de consola, se imprime nuestro objeto. Él nombre, apellido. Si quieres imprimir algún valor en tu documento, sí, puedes. Para eso, como sabes, justo cuando escribes, documento punto justo en la ronda ss, para pasar nombre de objeto, persona punto apellido. Si configuro este archivo, una lata es print meg. Este es el método más popular y útil para crear un objeto. Déjame decirte una cosa. Además, puedes usar ss cuadrados a como v. Aquí puedes eliminar el pecado, y también puedes usar ss cuadrados. Cuadrado ss, Dentro del hueco cuadrado en escriba este nombre dentro del doble os. Copia el nombre y aquí dentro de las comillas dobles, voy a pegarlo de nuevo. Si configuro este archivo, Harry se puede ver que es sten el mismo resultado. Esto es para este tutorial. En nuestros próximos Tutoriales, vamos a conocer más. Gracias por ver este video, Estatua. 53. Tutorial de matriz de objetos de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. En nuestro tutorial anterior, ya aprendimos cómo podemos crear objetos. ¿Cómo podemos insertar una matriz dentro de este objeto? Pero en este tutorial, vamos a realizar lo contrario. Aquí vamos a insertar objeto dentro de una matriz. Aquí puedes ver una variable en blanco llamada students, y es T y. Si inserto algún objeto dentro de esta matriz, podemos llamarlo matriz Javascript de objetos. Como puedes ver, ponemos total de tres objetos dentro de esta matriz. Tenemos peaje dos nombre de propiedad y edad. Sin perder el tiempo, estudiemos prácticas y veamos cómo podemos usar este arr Como pueden ver lado a lado, abro mi editor de código Visa Studio y mi navegador usando la extensión Light Sever, y ya creo un documento STL llamado index dot Al principio, voy a tomar una variable para una matriz que y nuestra M es estudiante. Estudiantes iguales a, ahora es una matriz vacía, se dos en esta línea. Ahora quiero poner algunos objetos diferentes dentro de esta matriz. Aquí voy a tomar ases de autos. Dentro del auto ases, voy a tomar nuestro primer nombre de propiedad. O nombre de propiedad es un nombre, y nuestro valor es agregar. Agregar nacido. Entre temática a COVA y nuestro segundo nombre de propiedad es A. Y H 23 Como saben, H es un neárico. Por eso no necesitamos llevarnos los viene. Como saben, necesitamos usar coma entre matriz varía. Voy a bigt esta línea. Ahora voy a insertar nuestro siguiente nombre de diez, que es Rah. Hm tipo Rahul, y su edad es de 20. De nuevo, voy a rebasar esta línea. Pero esta vez, voy a eliminar el coma porque esta es nuestra última v, y nuestro apellido es Sm Tiene 22 años, y ahora quiero imprimir esta matriz en mi consola. Aquí voy a escribir. Aquí voy a escribir consola dot log en su lugar la desnudez o variable, que es estudiante Un sub dos en esta línea. Si configuro este archivo, puedes ver el resultado. Como puede ver, tenemos un total de tres objetos en nuestra matriz, y los objetos se asignan en un número de índice diferente. Ahora les voy a mostrar ¿cómo podemos imprimirlo usando una habitación? Para eso, voy a usar un cuatro. Aquí, voy a escribir cuatro, luego dentro del proceso redondo, primero, necesitamos inicializar una variable A asignar con cero, H e cero porque nuestras matrices comienzan con índice cero, y luego necesitamos establecer una condición A, menos que la función de longitud de punto de estudiante de punto de estudiante. N. Usando el atributo length, podemos extraer n. Además, se puede ver la propiedad length en esta matriz, longitud tres, dos puntos tensorios Ahora necesitamos incrementar esta matriz, A p. siguiente, dentro del css, voy a escribir documento justo dentro del receso redondo, estudiante Aquí voy a usar versos cuadrados porque es un arr Dentro de los versos cuadrados, necesitamos pasar el nombre de la variable, que es A. Entonces voy a usar punto, y quiero imprimir nombre de estos objetos. Aquí para pasar nombre de punto. Después de eso, necesitamos usar una etiqueta BA. Aquí voy a usar letrero de concreción y dentro del doble cos, uso una etiqueta B. Y Samgor en esta línea. Si configuro este archivo, ahora lo puedes ver en mi navegador, si lo zoom un poco, aquí puedes ver que es imprimir todo el nombre de estos objetos a una fila y velocidad. Si quieres imprimir su edad, solo tienes que intercambiar el nombre de la propiedad. Edad. Si configuro este archivo, se puede ver el 23, 2022. En nuestro tutorial anterior, aprenderemos cómo podemos poner matrices dentro de un objeto. Pero en este tutorial, aprendemos cómo podemos poner objetos dentro de una matriz. Esto es para este tutorial. Gracias por ver este video, St melodía para nuestro siguiente carrete. 54. Variable de JavaScript con matriz y objetos: Hola, chicos, me alegro de verles de vuelta. Por último estoy de vuelta con un nuevo Tutorial relacionado JavaScript. En este tutorial, vamos a aprender Java script cost variable con RA y objetos. Cómo podemos usar la variable cosed con RA y objeto. Empecemos la práctica. Como pueden ver, lado a lado, abro mi código de Visa Studio editado y mi navegador usando la extensión Live Server, y ya creé STEL nombre de documento index dot HTML En nuestro sexto tutorial, ya aprendimos cómo podemos usar variables tardías y costos. En este tutorial, vamos a aprender cómo podemos usar variable constante con array y objetos. Vamos a crear una variable usando la palabra clave const. Aquí voy a escribir const. Contras y nuestro nombre de variable es A A igual a, y aquí voy a asignar un 19 numérico. El semicú dos en esta línea. Además, voy a imprimir esta variable en mi consola. Hm tie console dot log inserte el vestido redondo, nuestra variable m A, y semicu en Si configuro este archivo, les muestro mi consola, como pueden ver, es imprimir 19. Pero si trato de reasignar el valor, déjame mostrarte nuestra variable m A igual a 30 Smog para terminar esta línea. Si configuro este archivo, ahora puedes ver, está escrito flecha porque no podemos cambiar el valor existente en la variable de costo. Supongamos que trabajamos con una matriz, y necesitamos reasignar una nueva ve. Vamos a crear una matriz. En cambio la plaza ***, voy a pasar total 31267 y 88 Ahora quiero sobre esta matriz con una nueva matriz. Aquí voy a pasar otra matriz. Aquí voy a crear otra matriz, y aquí voy a pasar 20, 30, 40. Si configuro este archivo, como pueden ver, es sen y error nuevamente porque no podemos reasignar nuevo valor a la variable de costo, pero podemos actualizar el índice ra uno por uno Déjame mostrarte. Supongamos que quiero actualizar 67 a 69. Voy a quitar este y m tipo 69. Y después de la variable, necesitamos usar latón cuadrado, y tenemos que pasar el número de índice y el número de índice es uno. Si configuro este archivo, puedes ver el resultado. Puedes ver en mi sección de consola, actualizamos con éxito nuestro índice de matriz usando este método. Ahora, veamos cómo podemos usar la variable cons con objetos. Quiero quitar el bajo cuadrado y aquí me voy a llevar Clirass Dentro del latón C, voy a tomar dos propiedades. Nombrar uno. Nuestra siguiente propiedad es H H 21. Por eso tenemos que meter dentro de los policías dobles. Por ahora, voy a comentar esta línea. Si configuro este archivo, puedes ver el resultado en mi Conson. Si desea actualizar este objeto, en ese caso, necesita escribir el nombre del objeto A, el nombre de la propiedad, que es H, H igual a 33, y sub para finalizar esta línea. Si configuro este archivo, puedes ver el resultado. La conclusión es que no se puede actualizar todo el objeto a la vez. Puede actualizar uno por uno el valor si utiliza la variable de costo. Esto es para este tutorial. Gracias por ver este video, Stun por nuestro próximo tutorial 55. Tutorial de JavaScript for in Loop: 130 Hola, me alegro de verte. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el clip de Java. En este tutorial, vamos a aprender bucle foráneo. En nuestros tutoriales anteriores, ya aprendimos que tenemos un total cinco tipos de bucles en Java clip, loop, doop, for loop, *** loop y foreign loop, y ya hemos cubierto este bucle de cuatro en nuestro tutorial anterior En este tutorial, voy a cubrir bucle foráneo. Este bucle se utiliza especialmente para objetos. Veamos el ejemplo de cómo podemos imprimir objetos sin pegamento. Supongamos que esto es un objeto, y nuestro nombre de objeto es A, y el total de tres propiedades y valor en este objeto, nombre, apellido y H. Ahora desea imprimir todo este valor sin usar un bucle. Para eso, cada vez que necesitas escribir la misma declaración para nombre, apellido y por edad. Para imprimir todo este objeto, es necesario ejecutar la misma sentencia tres veces para resolver este problema estándar, Java Strip introducido para en grupo. Primero, necesitas escribir cuatro palabras clave luego en establecer las llaves abajo, necesitas asignar una variable En nuestro caso, I. Ahora la pregunta es ¿por qué necesitamos tomar la variable? Porque necesitamos almacenar todos los valores de este objeto en esta variable. Y entonces tenemos que usar en palabra K. Después de eso, tenemos que pasar el nombre del objeto. En nuestro caso, A, luego dentro del calirass, puedes pasar tu declaración Este bucle va a ejecutar todas las propiedades de este objeto. Al principio, este bucle se ejecutará por nombre, luego apellido y luego H, y a tiempo, va a iniciar el valor en variable. Sin poner a prueba tu tiempo, comencemos la práctica y C, cómo es. Como puedes ver, lado a lado, abro mi editor de código visa studio y mi navegador usando la extensión Live Server, y ya creo documento ESTL NP index dot HTML Al principio, voy a crear un objeto. Aquí voy a escribir o y nuestro nombre de objeto es Pj. Igual a, está en la calibración, o el nombre de la primera propiedad es nombre de pila El nombre está en el doble es agregar uno. Entonces necesitamos usar coma. Quería escoger esta línea, y escribir apellido. Apellido, Mg. entonces vamos a tomar otra propiedad, que es H. H 23. Ahora quiero traer este objeto usando foráneo. Tengo que amarrar cuatro dentro del latón redondo. Al principio, necesitamos tomar una variable, y nuestra variable es k. Esta variable va a almacenar el valor de esta propiedad, y luego necesitamos usar en k palabra en o nombre de objeto, OBJ Ahora quiero imprimir cada valor de un objeto en mi documento. Para eso, dentro del ss, necesitamos escribir document dot write, dentro de la resis redonda o nombre de objeto, Bj Entonces dentro del receso cuadrado, necesitamos pasar la llave. Clave. Con eso, voy a contin B una etiqueta porque no quiero imprimirla en una sola línea Por eso uso la etiqueta B a. Dentro del doble curso, voy a pasar al Hno. Una sacarosa para acabar con esta línea. Si configuro este suelo, se puede ver en mi navegador, se imprime, agrega uno, luego imprimir sarna y luego imprimir su H 2023 Con eso, si quieres imprimir el nombre de la propiedad, sí, puedes. Déjeme mostrar. Aquí escriba clave. Entonces voy a usar signo de concatenación. Entonces voy a usar códigos dobles. Dije el código doble, voy a pasar dos puntos. De nuevo, voy a usar otro signo de concatenación. Si configuro este archivo, ahora se puede ver en mi navegador es imprimir nombre de propiedad y V. espero que ahora quede claro para usted cómo podemos manejar Tons propiedad y valor de un objeto. Esto es para este Teal. Gracias por ver este video Stune para nuestro próximo Tal. 56. Tutorial de métodos de mapas de JavaScript: Es bueno verte de vuelta. Una vez más estoy de vuelta con un nuevo tutorial relacionado con el script Java. En este tutorial, vamos a aprender script Java, método Map. Este método funciona con matrices. También este método funcionó como un bucle como F renunciar, pero hay un método diferente entre el método map y loo. Déjame mostrarte. Déjame mostrarte un ejemplo para identificar la diferencia. ¿Se puede ver, decimos diferente valor numérico en esta variable. Ahora no quiero cambiar la matriz existente, pero quiero multiplicar t con todos estos valores, y quiero devolver una nueva matriz como esta, 103-050-7090 Aquí veremos, todos los valores se multiplican con diez. Para lograr esto, podemos usar una función especial, que es la función de mapa. No cambia la matriz existente, pero puedes realizar tu función, lo contrario cálculo para cada valor. Como resultado, va a devolver una nueva matriz. Ahora, déjame mostrarte el syntex, cómo podemos escribir la función de mapa Dentro de esta función de mapa, es necesario crear una función. Después dentro del colerass, puedes imprimir tu propio De lo contrario, puede realizar cualquier cálculo a todos estos valores. Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código visa Studio y mi navegador usando la extensión Live Server, y ya creé un documento ESTEML index dot atm Ahora voy a crear una matriz dentro de la etiqueta script. Él Imo tipo V y nuestros nyms A y iguales dos, dentro del cuadrado ss, voy a pasar algún Vo numérico, que es 911 y siete Y semicon a esta línea. Ahora quiero multiplicar todos los valores dentro. Además, quiero devolver una nueva matriz después de la multiplicación. Ahora voy a tomar otra variable x. Necesitamos esta variable para almacenar nuestro nuevo array. H tie RA R Y función de mapa de puntos. Mapa. Dentro del rounrass, tenemos que pasar esa función Pero antes necesitamos crear la función. Función de lazo hm, y nuestra función m es gusto. Ahora dentro de las calibraciones, necesitamos crear un cálculo que vaya a multiplicar todos los valores t Pero antes necesitamos comenzar el valor en esta función. necesitamos comenzar el valor en esta función Para eso, necesitamos pasar un argumento, y voy a tomar una variable para eso, que es A. Luego dentro de los calibrados, cantidad tipo, retorno, retorno A multiplicar con diez El sebace en esta línea. Ahora necesitamos pasar el nombre de la función dentro de esta función de mapa. Aquí Amon para escribir gusto, y Sege dos en esta línea Además, quiero imprimir la nueva matriz en mi camino. Aquí voy a escribir documento punto justo dentro de la prensa redonda. Voy a pasar la variable cojera, que es x, y s2n Fijemos el expediente y veamos qué pasó. Si configuro este archivo, como pueden ver en mi navegador, se imprime 90, 110 y 70. Sin cambiar la matriz existente, podemos realizar cualquier cálculo a todos los valores de la matriz usando la función map. Ahora, déjame mostrarte otro ejemplo de cómo podemos usar la función map con array of object. Voy a uplicar esta línea y comentar la anterior. Dentro de la plaza ***, voy a crear múltiples obj Elimino todos los valores, y aquí quiero llevarme autos. Son los casos, nuestro primer nombre de propiedad es fname. Fname significa nombre, luego dos puntos, luego dos puntos, y el Vu se agrega uno C O siguiente propiedad y valor es m. N significa apellido, y el Vu es medio. Y aquí necesitamos usar una coma, y también necesitamos tomar otros dos objetos Sí empiezo esta línea dos veces. Aquí quiero pasar nombre Ravi uma. Ravi uma. Por el apellido, me voy a llevar a Erne Erne Ry Ahora quiero extraer todo el primer nombre de este objeto. Para eso, podemos usar Map Method AG y que es bastante útil para esta situación. Para eso, solo hace falta atar A punto SN. Si configuro este archivo, ahora se puede ver en mi navegador, se imprime todo el nombre de nuestro objeto. Agrega uno, Rab y rno. Además, si quieres imprimir el apellido, solo para pasar M aquí. Si configuro este archivo, se puede ver la res Mancha y Roy. Si quieres imprimir tanto el valor a la vez, para eso, necesitas usar signo de concatenación Además, voy a usar núcleos dobles para el espacio. Después de eso, de nuevo, necesitamos usar signo congregacional, y tenemos que pasar a mí, y aquí quiero pasar en Aname Si configuro este archivo, puedes ver el resultado, imprimo, Advan Mage, Rabi Kumar, Rabi Kumar, Este es el uso de la función Mapa. Es muy útil con las matrices. Esto es para este tutorial. En nuestro siguiente tutorial, vamos a aprender matemáticas de cuerda. Gracias por ver este video, estado afinado para nuestro próximo Tutorial. 57. Tutorial de métodos de cadena de JavaScript parte 1: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo método de cadena de comandos Java relacionado con Tutorial . Estos son los métodos de todas las cadenas que voy a cubrir en esta serie de tutoriales. Recuerda, sin longitud, todos nuestros métodos de cadena. La longitud es una propiedad. Comencemos la práctica y veamos todos los métodos de cadena uno por uno. Como es habitual, creamos nuestro documento estable y también abrimos nuestro navegador usando la extensión de servidor Light. Al principio, en establecer la etiqueta script, voy a crear, voy a tomar una variable, y nuestra variable significa STR. STR significa recto. Como sabe para los tipos de datos de cadena, necesitamos usar cita. Aquí, voy a usar núcleos dobles. Dentro de los núcleos dobles, voy a escribir, script Java es un gran lenguaje. Hay segundo a en esta línea, y ahora voy a aplicar todas las diferentes propiedades y métodos en esta cadena. Al principio, voy a aplicar la propiedad de longitud. Para eso, voy a tomar otra variable A igual a, y ahora quiero extraer la longitud de la cadena. Ya hemos trabajado con la función length con s. es bastante similar con eso. Longitud de punto str tipo Hanam. El sebacon para acabar con esta línea. También, necesitamos traer esta variable en mi documento. Punto de documento tipo Hm justo dentro del ss redondo o extremidad variable, A, y Sebace terminan esta línea Si pongo el suelo, se puede ver el resultado. La longitud total de la cuerda es 30. Recuerda, esta función también vienen en este espacio como personaje. Usando esta propiedad, podemos extraer cuántos caracteres usamos en esta cadena. Ahora vamos a aprender estas dos metanfetaminas, dos minúsculas y dos Para eso, voy a duplicar esta línea y comentar la anterior. Aquí voy a atar un punto s dos minúsculas, dos minúsculas. También necesitamos usar bases redondas porque es un metilo. Si usas método o función, necesitamos usar pasto redondo. Pero si usamos propiedad, entonces no necesitamos usar gracias redondas Si configuro este archivo, como pueden ver, es convertir todo el carácter en una pequeña caja. Aquí puedes ver LG y J era capital, pero se convierte en estuche pequeño. Esta función convierte el carácter en minúsculas. También tienes función opuesta. Para eso, voy a duplicar de nuevo esta línea y comentar la más grande. O siguiente función es dos mayúsculas. Voy a quitar esta y aquí me ata T mayúscula. Si configuro este archivo, puedes ver el resultado. Convierte todos los caracteres en mayúsculas. Esta función convierte todas las letras en una letra mayúscula. A continuación, vamos a aprender otro nuevo método, que es incluye. Esta función se utiliza para fines de búsqueda. Si la función consigue el carácter o la palabra, va a volver a caer de otra manera. Vamos a saltar al isudio coor. Nuevamente, volvemos a un códor isudio, y ahora quiero buscar la gran palabra del arroyo Para eso, necesitamos usar include function. Él voy a t esta línea. Y comente pus uno. Ahora voy a usar la función include. Str dot incluye. Dentro del receso redondo, necesitamos pasar la palabra clave. Genial. Si pongo este archivo, como se puede decir, es sten dos. Si la palabra de otro modo carácter disponible en este flujo, va a devolver dos. Pero si busco un personaje que no está disponible en este stream, déjame mostrarte. Supongamos que voy a escribir x y. Yo configuro este archivo, ahora puedes verlo st cae. Recuerda, esta función es sensible. Si escribes en mayúscula, Esto en este expediente, también, se puede ver escrito cae Aquí hay que pasar el carácter exacto, lo contrario palabra en esta función. Ahora, vamos a saltar a nuestras siguientes dos funciones. Ahora saltemos a nuestro próximo metos. Nuestro siguiente método dos es comenzar con el ancho final. Comience con la función use f. Si su cadena comienza con los caracteres coincidentes, entonces va a devolver true. De lo contrario, va a devolver falso. En el sentido contrario, terminar con. Si tu cadena termina con el carácter coincidente, en ese caso, va a devolver true. De lo contrario, va a devolver falso. Volvamos al código de estudio Vs y pruébalo. De nuevo, voy a duplicar esta línea y comentar la anterior, y voy a iniciar nuestra función con start with. Aquí voy a escribir empezar con. Empezar con. Si copio la palabra Javascript de esta frase, y la pego en las comillas dobles, configuro este archivo, como pueden ver, es sten cru Pero si paso, es aquí, y luego pongo este archivo, como se puede ver nos cae. Porque nuestras cadenas empiezan con Java word, por eso sten fas. En el sentido contrario, terminar con el trabajo de función. Si dep obtengo esta línea y comprometo la anterior, y brazo para pasar extremos Si paso un gran pelo, y esto en este archivo, como pueden ver, es de forma escrita, porque nuestra cuerda no termina con este gran mundo, se acaba con el lenguaje. Si paso el lenguaje aquí, y configuro este archivo, ahora se puede ver Sten verdadero. Este es el uso del método start with y n with. Ahora hablemos de nuestro siguiente método, que es la búsqueda. También es trabajo como incluir función, pero hay una diferencia. Este método no devuelve true tampoco false fit. Está escrito la posición exacta de estos personajes. Quiero decir que está escrito el número de índice. Vamos al código de estudio Visa y veamos cómo funciona. De nuevo, voy a mojar esta línea y comentar previamente. H I tipo str punto Buscar. Y quiero buscar esta palabra lenguaje. Si configuro este archivo, como pueden ver, está escrito el número de índice. Está escrito el número índice inicial de esta palabra, que es 22. Pero qué, si el personaje no está disponible en la cadena, entonces déjame mostrarte. H tipo palabra. Si configuro este archivo, como pueden ver, ahora es escrito menos uno Si esta función no obtiene la palabra Q, en ese caso, siempre se escribe menos u menos uno. Ahora, hablemos de la última función para este tutorial. Nuestra última función para este tutorial es match. Esta función también se utiliza para fines de búsqueda, pero hay una diferencia. Esta función devuelve. Si el caracter de búsqueda se repite en su cadena, entonces esta función recoge todos los resultados y lo devuelve como una matriz Volvamos al codador del estudio Vis y veamos cómo es w. De nuevo, voy a representar esta línea y comentar la anterior Su tipo, match str match. Como pueden ver, ya a de cambios en mi cadena. Añado otro es er grad. Ahora quiero hacer coincidir es Q palabra de esta cadena. H eliminar esta palabra, y ahora necesitamos usar expresión regular. No te preocupes, vamos a aprender sobre expresión regular en nuestra sección anticipada. Lo que sea que necesitemos buscar en expresión regular, necesitamos colocarlo entre el signo de doble barra diagonal Dentro de la barra doble, necesitamos pasar la palabra clave, que es e, y quiero servir esta palabra clave globalmente Tenemos que pasar un comando, que es G. Es malo una y otra vez, va a encontrar esta palabra clave dentro de esta cadena. Con eso, también va a recoger todo el resultado y escrito en array. Si configuro este archivo, como pueden ver, está escrito, está escrito en matriz. Hay que recordar, necesitamos usarlo con una expresión regular, y esta función de coincidencia siempre se escribe array. Esto es para este tutorial. En nuestro próximo tutorial, vamos a cubrir los métodos de cadena restantes. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 58. Tutorial de métodos de cadena de JavaScript parte 2: Hola, chicos, me alegro de verles de vuelta. Nuevamente, estoy de vuelta con otro Tutorial ted Java Skip string method. En nuestro tutorial anterior, cubrimos este método siete y una propiedad. En este tutorial, vamos a cubrir estos métodos. Sin perder el tiempo, comencemos la práctica y veamos cómo es w Como puedes ver, lado a lado, abro mi editor de código Visa Studio y mi navegador usando la extensión Live Server, y ya creé un documento STL index dot stable También tenemos un stree. JavaScript es un gran lenguaje. Yo uso este ejemplo en nuestro estudio anterior, así que voy a corregirlo ahora. JavaScript es un gran lenguaje. Ahora, comencemos con un nuevo método, que es Index. Este índice de función bastante similar con la función de búsqueda. Aquí voy a escribir STR, índice de puntos. Entonces él puso la prensa de la ONU, y tú estableces los códigos dobles, yo voy a proporcionar el squary de búsqueda, lo cual es genial Y sem para terminar esta línea. Si configuro este archivo, como pueden ver, está escrito 16. Proporciona el primer número de índice de este. Si quieres buscar resultado desde dirección opuesta, tenemos otra función, que es el último índice. Hm ty Último índice. Además, voy a cambiar este sar al cuadrado. Entonces voy a copiar el escuadrón Java y lo voy a pegar dentro del doble código. Si configuro este archivo, como pueden ver, es 100. Como ya les dije, esta función los carros resultan para sentido contrario Si paso solo un carácter, que es g, y luego configuro este archivo, como puedes ver es 28, porque es este número de índice de caracteres de esta cadena. Pero si cambio el carácter G, G dos zight, y luego configuro este archivo Ahora se puede ver hijo 25. Significa este número de índice de caracteres. Básicamente, quiero decir que es w de dirección opuesta. Ahora, vamos a saltar al siguiente método, que es reemplazar. Usando este método, podemos reemplazar palabra particular o un carácter con otro carácter. Veamos cómo es así. Entonces primero, voy a bicar esta línea y comentar la anterior Aquí voy a usar la función replace. Elimino último índice de, y voy a escribir reemplazar. En este método, necesitamos pasar por nuestros dos parámetros. Primero, debes proporcionar qué carácter o palabra quieres reemplazar. Quiero reemplazar genial. Copia la palabra y pegarla dentro del doble gallinero. En tu siguiente parámetro, necesitas pasar tu nueva palabra clave. Aquí voy a pasar bien. Si configuro este archivo e imprimo esto en mi documento, como pueden ver, Dt stream, Java slip es un buen lenguaje. Así es como puedes usar replace map. Hablemos de nuestro siguiente mapa. Refo voy a duplicar esta línea y comentar la anterior Ahora, hablemos de nuestra próxima función, que esflujo. Este método se utiliza para eliminar espacios adicionales del lado del laboratorio y del lado derecho. Veamos cómo podemos usarlo. Para este ejemplo, voy a duplicar esta línea y comentar la anterior. A partir de aquí, voy a quitar gran lenguaje. Además, voy a proporcionar algo de espacio después de Java Strip y antes de Javas Si configuro este archivo, no se puede ver la diferencia. Es solo imprimir Java sp. No proporcionan ningún espacio antes y arriba. Pero si lo imprimo en mi caja de Alerta, déjame mostrarte. Hermón tipo Alerta es la ronda ss o variable STR. Después sub ir a esta línea. Si configuro este archivo, ahora se puede ver que proporciona espacio antes de la tira de Java y después de Java. Para eliminar los espacios, podemos usar la función stream. Para eso, solo hay que usar la función, que es recortar. Borde de punto STA. También necesitas usar precios redondos porque es el método. Entonces voy a imprimir en mi alerta esta variable A porque almacenamos esta cadena en esta variable A. Si configuro este archivo, ahora puedes ver el cuadro de alerta, pero quitó estas piezas antes de un up. Este es el uso de este método. Ahora hablemos de nuestro siguiente método. Pero antes voy a quitar este cuadro de alerta y duplicar esta línea y comentar previamente. Recuerde, esta función se utiliza especialmente en forma de entrada. Porque a veces necesitamos eliminar los espacios extra de la entrada. Nuestro siguiente método es el anuncio de personajes. En este método, necesitamos definir una posición. Según la posición, está escrito el carácter de la cadena. Empecemos la práctica y veamos cómo se resolvió. H para escribir anuncio de carácter. Aquí, voy a definir una posición para un personaje. Aquí voy a pasar seis. Si configuro este archivo, como pueden ver, es ton r. Recuerda, nuestro índice empieza desde cero. Por eso es ton r. pero si paso un número de inicio, que no está disponible en la cuerda, algo 500, y luego establecer este estilo, como se puede ver, nunca manche nada. Si el personaje está disponible en esta posición, sólo que esta vez va a devolver el personaje. De lo contrario, va a volver en blanco. Nuestros dos métodos siguientes son código de caracteres y del código de caracteres. Estos métodos están relacionados entre sí. Este personaje devuelve el código del cielo. De lo contrario, si proporcionas algún código de cielo, va a devolver un personaje. Pero antes necesitamos entender qué es el código del cielo. Como puedes ver, esta es la t de los caracteres de código Ay. Detrás de cada carácter del teclado, hay un unicode. Puedes buscar en Ayode en Google y va a retener una tabla así Detrás de cada personaje de Keybot, hay un Sky Coe. Para la etiqueta H, tenemos 35. Para el n por ciento, tenemos 38. De igual manera, tenemos Ascote para, para A, 65, para V, 66 Estas son las cuatro letras mayúsculas. También tenemos Ay focha para letras minúsculas. Para pequeños A, tenemos 97. Entonces comencemos la práctica y veamos cómo es w. De nuevo, voy a duplicar esta línea y comentar de la anterior. Aquí voy a usar nuestro método, que está codificado por caracteres. Codificado por caracteres. En su lugar la prensa redonda, nosotros para pasar el número de índice. Entonces H para pasar cero. Como saben, en índice cero, tenemos capital. Si configuro este archivo, como pueden ver, es s ton 74. Para el carácter SI, tenemos un valor de decimina, que es 74. Este es el uso de este método. Hablemos de nuestro siguiente método, que es el código de caracteres de forma. Pero antes voy a mojar esta línea y comentar la anterior. Aquí voy a empatar desde el código de carácter. Para ello, para este ejemplo, no necesitamos stream. Voy a comentar éste. Aquí tenemos que pasar un flujo de nombre de objeto. Punto de cadena a partir del código de caracteres. Y aquí, si paso el número decimal de un carácter SI, así que para pasar 65. Si configuro este archivo, como pueden ver, está escrito A. Aquí puede ver el carácter AI A y su valor decimal 65. De igual manera, si quieres imprimir d ocho, aquí necesitas pasar 90. Déjame mostrarte. Si paso 90 aquí, y este es el schle como pueden ver, es tal Z. en nuestro próximo Tutorial, voy a mostrarles lo práctico cómo podemos usar este núcleo en la vida real Esto es para este tutorial. En nuestro próximo Tutorial, vamos a cubrir los métodos restantes. Gracias por ver este video, estén atentos para nuestro próximo tutorial. 59. Tutorial de métodos de cadena de JavaScript parte 3: Me alegro de verles chicos. De nuevo, estoy de vuelta con otro tutorial lited Java Ski string methyl En este tutorial, vamos a cubrir la cadena restante de metilo. Nuestro primer método de cadena es concat. Usando este método, podemos unir dos cadenas. También, podemos hacer lo mismo usando el signo Cgnition, pero la función está especialmente hecha para este trabajo Comencemos la práctica y veamos cómo w. Como pueden ver lado a lado, abro mi editor de código Visa Sudio, y mi navegador usando la extensión Live Server, y ya abro nuestro documento anterior índice punto STN Al principio, voy a duplicar esta línea y comentar la anterior. Además, voy a descomentar esta variable donde STR. Con eso, voy a crear otro stream, que es STA para. Aquí voy a escribir en el mundo. Ahora hemos puesto dos variables, eso son dos aves de cadena. Ahora quiero fusionar tanto esta cadena usando la función congt Al principio, voy a quitar este y aram tipo STR. Estas son las primeras variables, y quiero unirme a St two con Str. Para ello, vamos a utilizar la función congt. Str. Concat dentro de la bajada, necesitamos pasar la segunda variable lin, que es St two, Str two Si configuro este archivo, va a fusionar tanto la cadena como la escrita una str. Déjame mostrarte. Se puede ver el resultado. Se puede ver en mi navegador, Velocidad. JavaScript es un gran lenguaje en el mundo. Si proporciono un espacio después del idioma y el conjunto de este archivo, ahora se puede ver este espacio después del idioma. No solo eso, puedes fusionar varias cadenas a la vez. Déjame mostrarte. Aquí otra vez, voy a escoger esta línea, y voy a tomar otra muy bien St tres. Yo Ser tres, voy a mecanografiar infierno. Después, voy a proporcionar un espacio. Ahora quiero fusionar eter a una S tres con Star. Para eso, héroe necesitamos usar un coma y voy a pasar Str tres. Si configuro este archivo, puedes ver el resultado. Fusionar con éxito varias cadenas usando la función Goncat. Hablemos de nuestro siguiente método de cadena, que se divide. Esta función puede romper la oración y crear una matriz usando cada una de las palabras. Digamos cómo es. De nuevo, voy a duplicar esta línea y comentar la anterior. Por ahora, no necesito S dos y S tres, así que quiero quitar esta. Aquí voy a atar la función split split. Entonces dentro de la prensa redonda y dentro de los códigos dobles, Necesitamos pasar el carácter de donde quiero dividir el gusto, y quiero dividir esta oración usando espacios. Aquí, quiero brindar un espacio. Si configuro este archivo, aquí puedes ver mi navegador, se ha creado una matriz. Como puede ver, después de Java Stit proporciona COVA. Dividió esta oración usando todos los espacios. También puedes usar un carácter diferente para dividir la oración. Aquí puedes usar cualquier personaje o cualquier signo. Recuerda, este bathod escribió una matriz. Ahora, hablemos de nuestra siguiente función, que es repetir. Usando esta función, puedes repetir tu oración cuantas veces quieras. Vamos a verlo prácticamente. De nuevo, voy a escoger en esta línea y comentar la anterior. Aquí, voy a usar el método repeat, str dot repeat. Dentro de la desnudez, estoy paso cuantas veces quiero repetir esta cuerda Hm para pasar tres. Si configuro este archivo, puedes ver el resultado. Puedes firmar mi navegador, repite tu oración tres veces. Este es el uso de la función de repetición. Nuestro siguiente método es el método de rebanada. Usando este método, puedes rebanar tu transmisión. Puede especificar el punto inicial y el punto final del flujo. Déjame mostrarte cómo es el trabajo. De nuevo, voy a replicar esta línea y comentar la anterior Aquí, voy a escribir ester dot slice. Después dentro de la prensa n, al principio, voy a pasar un parámetro, que es cuatro. Si paso solo un parámetro y configuro este archivo, ahora se puede ver en mi navegador, se imprime cadena después cortar cuatro caracteres de la cadena El guión es un lenguaje mayor. Pero si paso dos parámetros, P cuatro, voy a usar coma y voy a pasar 16. Y luego establecer este archivo, se puede ver un resultado diferente. Ahora esta función imprime el carácter 4-16, e imprime script de esta cadena Se imprime en la posición 4-16 del carácter, y se deslizó hacia abajo otros caracteres de la cadena Pero si paso cero, Y esto en este archivo, como pueden ver, tonelada nerviosa cadena completa. Este es el uso de la función slice. Nuestras siguientes dos funciones son sub Steror y substring. Estas dos funciones son bastante similares con la función slice. Pero hay un poco de diferencia entre ellos. Empecemos la C práctica, ¿cuál es la diferencia? De nuevo, voy a duplicar esta línea y comentar la anterior. Primero, voy a usar serve et. Soy tipo ester sirve. Si paso cuatro aquí y esto en este archivo, como pueden ver, después saltarse cuatro caracteres, se imprime todo este árbol Similar a la función de rebanada. Pero si paso otro parámetro coma cinco, entonces configuro este archivo, ahora se puede ver la diferencia. A diferencia de la función de corte, imprime cinco caracteres después de Omitir cuatro caracteres. Si me pas diez cabellos, se puede ver el resultado. Pinto guión, y si paso un pelo, y luego configuro este archivo, como pueden ver, imprime solo un carácter después de Omitir cuatro caracteres. Esta es la principal diferencia entre sub esteror y la rebanada En la función de corte, es necesario especificar la posición exacta de la secuencia. Pero en función sub exterior, puedes escapar cuantos personajes quieres con eso. Además, puedes mencionar después de saltarte cuatro caracteres, cuántos caracteres quieres imprimir Ahora hablemos de nuestra otra función, que es sub stream. A I para encajar esta línea y comentar la anterior. Aquí voy a escribir Sub stream. Esto es bastante similar con la función slice. Si paso siete aquí y pongo este archivo, se puede ver el s. prt total de tres caracteres después de eso Esta función es exactamente similar a la función slice. Ahora, hablemos de nuestras dos últimas funciones, dos cuerdas y Vu. Usando la función de dos cadenas, podemos convertir cualquier cosa en una cadena. Quiero decir que si tienes valor numérico, puedes convertirlo en una cadena usando la función de dos cadenas, y nuestra última función es V. Es una función difat Si quieres imprimir esta cadena tal como está, en ese caso, puedes usar esta función. Veamos cómo podemos usar dos cadenas prácticamente. Nuevamente, quiero voltear esta línea y comentar la anterior . H Imo tipo et punto, dos cuerdas. Vamos a proporcionar tirantes redondos porque es un método. Si configuro este archivo, como pueden ver, imprima la cadena tal como está. Sea que no tengamos ningún valor nuérico en esta cadena. Voy a escoger en esta línea y comentar la anterior, y aquí voy a pasar algunos valores neuéricos Aquí voy a pasar 99. Como saben, es un tipo de datos numéricos. Si configuro este archivo, aquí pueden ver que imprime igual que es. Para probar que es una cadena, voy a agregar algún valor con esta variable. Su tipo A en. Si configuro este archivo, puedes ver el resultado. Como puede ver, no puede agregar el valor con este stream, pero imprime el valor hasta este stream, 90 19. Es solo cadena concanada y el número. Este es el uso de toda la función de cadena en la pantalla de Java. En el siguiente Tutorial, vamos a aprender sobre el número metilo. Gracias por ver este video, sintonía estadística para nuestro próximo 60. Tutorial de métodos de número de JavaScript: Me alegro de verlos de vuelta chicos. Una vez más, estoy de vuelta con un nuevo tutorial y en este tutorial, vamos a aprender Java Script number Maths, y voy a cubrir el número siete bathde en mi Empecemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código Visa studio y mi navegador usando la extensión Live Server, y ya creé un documento estable llamado Index dot STL, y vamos a comenzar nuestra práctica con nuestro primer método, que es el número Para este ejemplo, primero, voy a tomar una variable. Y nuestra variable es A, A asignada con dentro del doble núcleo 98. Suma en esta línea. Como puedes ver, asignamos esta variable con una cadena. Ahora quiero convertir esta cadena en un número. Para eso, voy a tomar otra variable que num. Igual a hacer necesitamos usar nuestra función de número, número. Entonces dices la ronda re dice, necesitamos pasar la variable lin, que es una a semi a en esta línea. Ahora quiero imprimir este valor entumecido en mi documento. Para eso, necesitamos atar documento punto derecho, es en el rebaje redondo, tenemos que pasar la variable. Núm. Con eso, quiero agregar algún número, algunos v, que es diez. Ahora la pregunta es ¿por qué agrego diez con esta variable? Porque te va a demostrar que convertimos con éxito esta cadena en un número. Si configuro este archivo, puedes ver la res en un navegador. Es 10108 Si quieres convertir cadena en un número, en ese caso, necesitas usar este número de metilo. Ahora, hablemos de nuestra siguiente función, que es pars in y part Per en el método es bastante similar con el método numérico. Si pasamos algún valor decimal aquí, va a convertir este valor decimal en número, y el método Pert, juega el papel opuesto de por pulgada. Déjame mostrarte los ejemplos. Entonces primero, voy a pt esta línea y comentaré la anterior. Aquí voy a pasar 98.99. Además, voy a cambiar el nombre del método. Nuestro nombre de método es pars in. Si configuro este archivo, puedes ver el resultado. También, si elimino el seno de suma y el número diez, y de nuevo, me senté este archivo, puede ver a Seton solo 98 Elimina el valor D hasta 98, y si lo uso sin cadena, déjame mostrarte si uso solo número, solo un número flotante, y ahí en este archivo. Además, se puede ver tonelada sólo 98. Pero si comento esta línea e imprimo la variable DTA, y la en este archivo, como pueden ver, ahora es imprimir los puntos flotantes La función Parson puede eliminar los puntos de proteína de un número. Este es el uso de este metilo. Nuevamente, Jamón a tipo documentada variable num derecha. Déjame mostrarte otro ejemplo con cuerda. Si le paso una cuerda aquí, dentro de los núcleos dobles ella para pasar 70 aquí. Si configuro este archivo, como pueden ver, se indica sólo 70. Este método es end up capaz de extraer número de una cadena. Esta racha sólo funciona si las cuerdas empiezan con tisel. De lo contrario, no va a funcionar. Ahora, hablemos de nuestra siguiente función, que es pars coágulo De nuevo, quiero conseguir esta línea y él para escribir parse flote Y comente el anterior. Además, voy a cambiar el valor de la variable. H Voy a pasar 77.89. Si configuro este archivo, como pueden ver, está escrito el resultado flotante. Como ustedes saben, esta función devuelve valor con puntos. Pero si cambio la variable sin puntos, déjame mostrarte solo 77 y luego establecer este archivo, entonces esta función devuelve el velo exacto. Este es el uso de pass int y pass float math. Ahora, hablemos de otros dos métodos, que es es infinito y es entero. Estos dos métodos siempre escribieron verdadero ya sea falso valor. Es especialmente útil para verificar las condiciones. Por eso es mancha verdadera ya sea falsa. Es función finita escrito verdadero cuando, si el número es finito O sea, si el número es contable, entonces es mancha verdadera, de lo contrario está escrito falso Usando es el método indser, podemos comprobar que la variable dada es número o no Si indser, entonces escribió true de lo contrario, es cten false Vayamos al código so studio y veamos como es wed. Al principio, voy a sacar esta línea y comentar la anterior. Y cómo voy a escribir nuestro siguiente nombre de función, que es finito, es finito Si configuro este archivo, como pueden ver, es 102 porque 77 es un número finito Podemos contar este número. Pero si paso es cadena aquí, yo doble códigos, voy a pasar hola. Y luego decir este archivo, ahora se pueden ver formas ston, porque no podemos contar cadenas. Ahora hablemos sobre nuestra siguiente función, que es es tesser Entonces en esta línea y comente la anterior. Y usando es la función teser, necesitamos usar una Q, que es número El número está en tes es taser. Si paso 90.99, y luego configuro este archivo, como pueden ver, es Seton cae porque este no es un entero Es un fot v. Por eso cae Seton. Pero si paso solo 90 aquí y luego pongo este archivo, ahora pueden ver es Seton crew Este es el uso de es finito y es la función entera Hablemos de nuestras dos últimas funciones, que son dos fijas y dos de precisión. Veamos cómo podemos usar esta matemática. De nuevo, voy a duplicar esta línea y comentar la anterior. Al principio, voy a cambiar la variable v 90 punto, 58. Con eso, también, voy a pasar a otros dis, 78. Aquí, voy a usar nuestra siguiente función, que es dos fijos. Estoy para reducir este tipo un dos fijo. Y me puse la desnudez, voy a pasar un parámetro, y quiero pasar dos. ¿Cuál es el significado de eso? Esta función va a devolver dos valores después del punto Del. Si configuro este archivo, puedes ver el resultado. Pero si notas, puedes ver, está escrito 90.59, no el 58 Es el valor Lumsm, y esta función devuelve el primer valor Por eso es print 59. También puedes imprimir tres d después del punto Dimel. Si cambio el parámetro a qu más tres y luego configuro este archivo, puedes ver el resultado. Ahora imprime 580. Ahora hablemos de nuestra última función, que es dos precisión. Para eso, voy a sacar esta línea y comentar la anterior. Aquí voy a amarrar dos de precisión. T de precisión. Esta función siempre regresa alrededor del. Quiero decir si el número flotante es mayor que 50, ahí va a imprimir una cifra completa, que es 91. Déjame mostrarte. paso dos aquí y luego configuro este archivo, se puede ver sprint 91. Pero si el número es menor que 50, H pasa cuatro, y luego establece este archivo, ahora se puede ver que es 90 solamente. Estos son los usos de las funciones numéricas. Gracias por ver este video, estén atentos para nuestro próximo. 61. Tutorial de métodos matemáticos de JavaScript: Hola amigos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con la pantalla Java. En este total, vamos a aprender métodos matemáticos. Se puede ver una lista de la función matemática relacionada con el método. Uno por uno, voy a cubrirlos a todos. Entonces, sin perder el tiempo, comencemos la práctica. Aquí puedes ver lado a lado, abrí mi editor de código Visa Studio y mi navegador usando la extensión Live Server, y ya creé un documento est llamado index dot HTML. No utilizamos este método normalmente en nuestro sitio web. Utilizamos este método para la animación para carrusel, desarrollos de videojuegos, etcétera. De lo contrario, podemos utilizar este método en aplicaciones web complejas de contabilidad Al principio, vamos a aprender qué es la matemática celular y de piso. Sot primero, voy a empezar con la función celular. Para eso, voy a crear una variable. La A igual a usar funciones matemáticas, necesitamos usar matemáticas ur. Matemáticas punto S. Luego dentro de la ronda ss, voy a pasar un 2.2, y luego semag dos en esta línea Celda y piso, ambas funciones son trabajo cuando el valor tipo pieza flota. Si no utilizo valor de coma flotante, no va a funcionar. Y la función celular siempre escribía la victoria superior. Déjame mostrarte. Herm tipo documento punto, derecho, dentro de la ronda sss o extremidad variable, A. Luego Sebag dos en Si configuro este archivo, se puede ver en mis navegadores, es sen tres. Entonces tres es el valor superior más cercano de 2.2. Sin cero, lo que pase hasta decimal, va a devolver el valor superior. Si paso 2.1, también se puede ver que se sienta en el valor superior. Tres. También se puede utilizar el valor negativo. Si paso -2.1, en ese caso, va a devolver el valor superior, que es menos dos Como cero, menos dos es mayor que -2.1. Por eso es sentarse en el valor superior. Del mismo modo, tenemos la función opuesta, que es el flujo. Voy a duplicar esta línea y comentar la anterior. Y aquí estoy para escribir M dot flow. Al principio, aquí para pasar 2.1. Esta función siempre escrita a la baja. Si configuro este archivo, como pueden ver, es 102 encendido. Además, si aumento el valor después de desm 2.9, entonces configuro este archivo, también es t dos Siempre está escrito el más cercano a la baja en diesel. Ahora, hablemos de nuestras próximas funciones, que es redonda y troncal. Estas funciones también se trabajan con valores decimales. Empecemos la práctica y veamos cómo podemos usarla. Al principio, te voy a mostrar la función de ronda. Voy a tema esta línea y comento la anterior. Aquí voy a escribir Mt punto redondo. Esta función siempre devuelve el entero más nuevo v. Si el valor es mayor que 0.5, entonces está en tres De lo contrario, es hijo dos. Deja que te lo demuestre. Si configuro este archivo, como pueden ver es Seton tres Si paso 0.4 y luego configuro este archivo, como pueden ver, es sateen dos Pero si paso 0.5, entonces también va a regresar ternera superior Si configuro este archivo, se puede ver ese resultado. Hijo tres otra vez. Este es el uso de la función round. Ahora, hablemos de nuestra próxima función, que es el ron. De nuevo, voy a duplicar esta línea y comentar la anterior, y aquí voy a escribir M punto t ron. Esta función siempre trató el valor intser. Si configuro este archivo, asc C es 102. Cualquiera que sea el valor que pasemos después de de el no está relacionado con eso. Si paso uno, también es real dos. También si paso nueve, asc C es 102 de acuerdo Esta función siempre devuelve el valor entero exacto. Nuestras siguientes funciones matemáticas son máximas y mínimas. función máxima siempre devuelve el número más alto del menor, supongamos que pasamos varios números. Esta función devuelve el número más alto entre los números. En el sentido contrario, la función mínima funciona es manchar el número más bajo. Veamos cómo podemos usarlo. De nuevo, voy a picar esta línea y comentar la anterior, y H voy a pasar mat dot max. Dentro de las carreras redondas, voy a pasar múltiples números. 234310, si configuro este archivo, como pueden ver, está escrito 43, porque es el número más grande entre los números Hablemos de la función media. Si dglgate esta línea y la mano para atarme. Si configuro este archivo, como pueden ver, es 1010, es st el número más bajo entre los menos. Ahora se podría pensar que llamo a la misma variable sin comentar la anterior. Entonces por qué son la función media porque sobrevaloramos la variable Por eso es una función media. Nuestras siguientes funciones son SQRT y CV RT. El nombre completo de SQRT es raíz cuadrada. Ya lo aprendimos en nuestra escuela y CV RT significa Q root. Veamos cómo podemos usar este método. De nuevo, voy a replicar esta línea y comentar cerdos. Aquí voy a atar matemáticas punto SQ t Como te dije, SQ quart comienza para raíz cuadrada. SQ quart comienza para raíz cuadrada Quiero extraer raíz cuadrada de cuatro, Rebaño tipo cuatro. Si configuro este archivo, como pueden ver es Sn dos, seis y siete estudiantes estándar también lo que es raíz cuadrada. Si paso 64 aquí, como pueden ver, es C ocho. Si multiplicamos 88, es Cal 64. Si tienes un conocimiento básico sobre matemáticas, entonces no necesito explicarlo. Hablemos de una siguiente función, que es CV RT. Algunos para duplicar esta línea y comentar la anterior. Hm tipo, C R t. como te dije, CV RT estrellas para Q we gro. Si paso 125 aquí y luego st este archivo, como pueden ver, Seton cinco Porque 525 de dos a cinco equivalen a 125. Si multiplico cinco, tres veces Seton 125 Ahora hablemos de la siguiente función, que es PO, P stas cuatro potencia. Este método se utiliza para extraer poder de V. Aquí, voy a duplicar esta línea y comentar la anterior. Aquí voy a usar math dot PO. Y dentro del receso de abajo, tenemos que pasar a través de las dos pirámides Al principio, tenemos que pasar la rueda base. Entonces necesitamos pasar el valor exponencial, y ya lo aprendimos en nuestra clase matemática Por valor base, voy a pasar cuatro. Por valor exponencial, voy a pasar tres. Si configuro este archivo, puedes ver el resultado. Está escrito 64. Es decir que va a multiplicar 34 a la vez. Quiero decir, quiero decir cuatro en cuatro en cuatro. Si paso dos aquí, y después pongo este archivo, como pueden ver es hijo ocho. Quiero decir, dos en 22 en dos. Por eso es hijo ocho. Exponencial significa que quiero multiplicar el valor base este tiempo necesario Pero si paso uno aquí y luego pongo este archivo, como pueden ver es eton uno. Porque si multiplico 31 a la vez, siempre t uno. Ahora hablemos de nuestra siguiente función, que es aleatoria. Esta función siempre ret en un número aleatorio. H para duplicar esta línea y comentar la anterior. Quiero empatar matemáticas punto al azar. Mapa punto aleatorio. Por defecto, se va a devolver el valor 0-1. Si configuro este archivo, como pueden ver, es st es diez un número flotante. Cada vez que llamo a esta función, es diez un número nuevo, y ahora decido que quiero un número aleatorio 1-10. Para eso, necesitamos hacer algún cálculo matemático. Para eso, aquí voy a usar signo de multiplicación. Multiplicar con diez, y voy a moverlo dentro del latón redondo. Y luego voy a agregar uno con este resultado. Además, uno. Si configuro este archivo, es t un número, pero devolvió un número flotante. Pero quiero devolver el resto entero más cercano. Para eso, podemos usar la función Md dot floor. Podemos usar esta función para eso. Copia la función y cómo escribir. Piso de punto md. Si configuro este archivo, como pueden ver, es el número ct entre uno y t. Si configuro este archivo nuevamente, como pueden ver es un número dom diferente. De esa manera, podemos devolver cualquier número aleatorio entre uno y t. espero ahora claro para ti, cómo podemos usar esta función. Si quieres devolver valor entre 1200, solo necesitas reemplazar este velo, diez a cien, y este este archivo. Como puedes ver, está escrito en número aleatorio 1-200, y esta función escrita 51 Ahora hablemos de nuestra siguiente función, que son los ABs. Esta función significa valor absoluto. Si paso algún valor entero, tal vez sea valor decimal, de lo contrario , valor negativo, va a devolver el absoluto v. Veamos como podemos usarlo. De nuevo, voy a duplicar esta diapositiva y comentar la anterior. Y Abs tipo Jamón mate. Si paso menos valor -45, y luego de este archivo, como pueden ver, está escrito sólo 45, se quita el signo menos Estos son los usos de este método. Pero si paso alguna cadena en esta función, déjame mostrarte. Es el doble curso, voy a pasar mundo. Este archivo, como pueden ver, es N. quiero decir no un número. Ahora, hablemos de nuestro último método matemático, que es Pi. Este método siempre devuelve una constante v. Quiero decir que no podemos cambiar el valor de Pi. Como saben, es una estática. Aquí, voy a duplicar esta línea y comentar la anterior. Voy a empatar nuestra última función, Mth consiguió a Pi. Si configuro este archivo, como pueden ver, es un valor estático, y ya aprendimos en nuestra escuela, el valor de Pi es de 3.14 Para el cálculo matemático, puede utilizar este valor. Esto es para este tutorial. Gracias por ver este video, estad atentos para nuestro próximo Tutorial. 62. Tutorial de métodos de fecha de JavaScript: Me alegro de verles una y otra vez con un nuevo Tutorial relacionado con Java strip. En este total, vamos a aprender los métodos de fecha de script Java. Para usar los métodos de fecha, necesitamos crear un objeto de fecha variable. Como puede ver, asignamos una variable como un objeto de fecha. Después de eso, podemos usar los métodos de fecha. De lo contrario, no podemos usar los métodos de fecha. Recuerda, después del operador de asignación, necesitas usar esta palabra clave, nueva fecha. Después de eso, nuestra variable se convierte en un objeto de fecha. Con la ayuda de esta variable, podemos usar cualquier método de fecha. Aquí puedes ver un total de 16 métodos de fecha, y voy a cubrir todo esto en este tutorial. Empecemos la práctica a ver cómo funciona. Como pueden ver, lado a lado, abro mi editor de código visa Studio y mi navegador usando la extensión Live Server, y ya creé est document me index HTM. Como te dije, al principio, necesitamos crear un objeto. Herm type y nuestro nombre de variable ahora es igual a, necesitamos escribir nueva fecha Después bases redondas. Ahora esta variable se convierte en objeto muerto. Si imprimo esta variable en mis documentos, Aquí amo tipo documento punto, derecho, digo el bajo redondo tipo amoro ahora, como hago en esta línea Si configuro este archivo, puedes ver el resultado. Se puede ver en mi navegador, se imprime la fecha completa. Primero imprime el día, luego este mes, luego la fecha, el año, la hora, luego el minuto, el segundo. También imprime mi ubicación horaria, GMT de hecho hora estándar. Recuerde, esta función obtiene la hora de su computadora local. El tiempo no viene del servidor porque es el script del conjunto del cliente. Primero se carga en su sistema, luego se ejecuta. Por eso imprime la fecha y hora de tu sistema. Ahora, comencemos nuestro primer método, que es la transmisión de dos fechas. Aquí, voy a empatar ahora dot two date stream. Y entonces tenemos que pasar el latón redondo. Si quieres imprimir tu fecha de forma legible, en ese caso, puedes usar esta función. Si configuro este archivo, se puede ver un navegador, imprimir, imprimir domingo 23 de octubre de 2022. Básicamente, esta función devuelve día, mes, fecha y año. Hablemos de nuestros métodos de próxima fecha, que es obtener fecha, obtener año completo, obtener mes y fecha de entrada. Entonces comencemos lo práctico y veamos cómo podemos usar estas funciones. Al principio, voy a duplicar esta línea y comentar la anterior. Voy a comenzar con la función de fecha G. Si tecleo, obtenga la fecha aquí, y luego establezca este archivo. Como puede ver, simplemente se escribe la fecha actual, que es el 23. Nuestro siguiente nombre de método es obtener año completo. Tipo Hermón, consigue año completo. Si configuro este archivo, puedes ver el resultado. Es 102022. Si desea imprimir solo la fecha del año actual, en ese caso, puede utilizar este método, obtener año completo. Ahora, hablemos de la siguiente función, que es el mes de la puerta. Aquí escribe git month. Si configuro este archivo, puedes ver el resultado. Es el número del mes, nueve, noveno mes medio de octubre. Ahora se podría pensar que octubre es un décimo mes. Entonces, ¿por qué t nueve? Debido a que esta función cuenta mes a partir del índice cero. Por eso regresa nueve. Si quieres devolver el día de la semana, en ese caso, necesitas escribir el día de la puerta. Si configuro este archivo, va a devolver cero. Déjame mostrarte. Porque hoy es domingo. Como te dije, parte del índice cero. Por eso devuelve cero. Pero si le pongo alguna fecha a este objeto, déjeme mostrarle. Él puso las onzas, voy a fijar una fecha enero, 5 de 2010 Si configuro este archivo, se puede ver a stan dos. Es mezquino según esta fecha, es el número del día, y era dos es. Del mismo modo, si paso, obtener mes aquí, y luego establecer este archivo. Ahora puedes ver est cero porque porque enero es el primer mes, y como te dije, empieza desde el índice cero. Por eso es cero. Si quieres extraer alguna fecha o día del pasado, puedes usar estas matemáticas. Nuestras funciones anteriores están relacionadas con la fecha mes día. Pero ahora vamos a aprender funciones relacionadas con el tiempo. G hora consigue cumplir con la puerta segundos, ocho milisegundos. Veamos cómo podemos usar estos métodos. Primero, voy a quitar esta fecha, y me gustaría trabajar con la hora actual. Ahora quiero extraer la hora de las fechas. Me sale esta línea y comento la anterior. Aquí estoy tipo ahora punto obtener hora puerta hora. Si configuro este archivo, se puede ver en mi navegador, devuelve 70. Es media 5:00 P.M. Según nuestro ty local. Si quieres obtener los minutos, solo esto para escribir git mites. Si configuro este archivo, puedes ver el resultado. Son las cinco o 5:00 P.M. Si quieres extraer los segundos, sí, puedes. Unidad a tipo segunda venta. Ahora haz portón segundos. Y establecer este archivo, es t dos. Nuestro siguiente método es g milisegundos. Hm tipo git milisegundos. Si configuro este archivo, puedes ver el resultado. Como pueden ver está impreso, 566. Estos son todos los métodos relacionados con las puertas. Mediante este método, podemos extraer el año actual, fecha actual, el minuto actual, el milisegundo actual, etcétera Ahora, hablemos de nuestros métodos establecidos. Usando este método, puede establecer cualquier fecha antigua de la historia También, puedes st fechas futuras. Empecemos la práctica y veamos cómo podemos usarla. Aquí, voy a usar las funciones de establecer fecha. Yo soy corbata. Ahora fecha de conjunto de puntos. Entonces en set el receso redondo ya sabes que hoy es 23, y H 27. Si imprimo esta variable, en mi navegador, déjame mostrarte. Si imprimo de vez en cuando configuro este archivo, como se puede ver establece una nueva fecha a nuestro tiempo. También, se puede ver que el 27 de octubre sería el jueves. Si te muestro mi calendario, déjame mostrarte, como puedes ver, día 27 de octubre es jueves, y similar a la fecha fijada, podemos fijar año completo. Déjame mostrarte. Su pase fijado año completo. Y Hm pasa un año, 2023. Si configuro este archivo, puedes ver el resultado. Ahora la fecha actual es el 23 de octubre de 2023. De manera similar, se puede decir T milisegundo, et. Esto es para este tutorial. En nuestros próximos Tutoriales, vamos a iniciar el modelo de objetos de documento Dom. Gracias por ver este video, melodía S para nuestro próximo Tutorial. 63. Tutorial de introducción de JavaScript DOM: En este tutorial, te voy a presentar lo que es JavaScript Dom. La forma completa de JavaScript doom es el modelo de objeto de documento Como saben, el punto más fuerte de JavaScript es parejo. Con eso, Javascript tiene otro punto fuerte, que es Dm, y podemos hacer muchas cosas si combinamos esta sección dos. Antes de trabajar con Dom, necesitamos entender qué es DO. ¿Y qué es Dom tree? Dom es parte de STML. La parte más importante de Dom es el documento. Dentro de este documento, tenemos una etiqueta principal, que se conoce como etiqueta STM De lo contrario, podemos llamarlo etiqueta raíz. Y luego vienen a la etiqueta hijo de la etiqueta HTML, que es la etiqueta y la etiqueta del cuerpo. Hit tag y body tag, ambos son hermanos, y sus padres etiquetan la etiqueta HTML. Ahora, hablemos de ello etiqueta. La etiqueta de título es una de las etiquetas hijo de la etiqueta. Dentro de esta etiqueta de título, podemos escribir cualquier texto. Por ejemplo, solo escribimos sitio web. Del mismo modo, en nuestra etiqueta corporal, podemos crear múltiples elementos hijos. Por ejemplo, podemos crear una etiqueta NP. Se utiliza para la navegación y una etiqueta de encabezado, H uno, y dentro de la etiqueta de navegación, podemos usar la etiqueta de anclaje como un niño. Y dentro de la etiqueta ancla, puedes pasar cualquier texto. En nuestro caso, escribo sobre nosotros. Además, podemos establecer un atributo a nuestra etiqueta de anclaje, que es class, de lo contrario, ID. Del mismo modo, podemos pasar un nodo de texto en nuestra etiqueta de encabezado. También podemos establecer un identificador de atributo. Con eso, también podemos establecer otra clase de atributo a nuestra etiqueta de encabezado. Este atributor también funciona como una etiqueta secundaria. Todos los atributos y elementos que puedes ver aquí, llamamos a todos estos nodos en script Java. Este es nodo de elemento, este es nodo de texto, este es nodo de atributo. Ahora se podría pensar, cuál es el uso de p en Java Script. Aquí solo te presento, lo que es el árbol D. Usando este árbol Dm, puedes hacer dos cosas en JavaScript. Al principio, puedes obtener datos del árbol Dm. Supongamos que desea extraer el nombre de ID de este atributo. En ese caso, es necesario usar la palabra clave Gate, especialmente Gate es un mahod Puedes obtener cualquier valor usando esta mathle. la manera opuesta, si quieres establecer un nuevo valor a tu estructura dom, en ese caso, necesitas usar el método set. Se puede establecer un nuevo valor a este texto. De lo contrario, puede crear un nuevo nodo como elemento hijo. De lo contrario, se puede crear un nuevo elemento dentro de un elemento. Si quieres crear animación usando Ayuda JavaScript, de lo contrario, si quieres desarrollar juegos, cualquier cosa que quieras hacer con tu perdición usando Help Java Script, necesitas usar esto para Math hood Get y St. Además, podemos cambiar los atributos usando esto a Math hood. Puedes cambiar ID de clase, elementos, lo que quieras cambiar. Puede agregar un nuevo elemento SML en su documento. De lo contrario, puede eliminar el elemento STM. De lo contrario, puede eliminar elementos STML existentes. Si quieres eliminar H una etiqueta, sí, puedes eliminarla. De lo contrario, si quieres agregar otro niño está en la etiqueta del cuerpo, sí, puedes. En este turial, solo te presento lo que es Dom. Desde el próximo turial, te voy a mostrar cómo podemos usarlo práctico Gracias por ver este video, declaras. 64. Tutorial de métodos de orientación de DOM de JavaScript: Es bueno verlos de vuelta chicos. Nuevamente, estoy de vuelta con un nuevo Tutorial realt Java Script Dom En los tutoriales, vamos a aprender Dm targeting Math. En nuestro tutorial anterior, ya aprendimos qué es el árbol Dm. Con eso, te dije cuál es el uso de andar y establecer Matemáticas Ahora la pregunta es, si quiero obtener algún valor, lo contrario, establecer un valor, cómo podemos apuntar a este elemento. Supongamos que quiero cambiar H un valor tecnológico. Quiero cambiar la bienvenida a Hello World. Cómo podemos apuntar a este elemento. A lo mejor hay mucha etiqueta H one en este documento. Cómo podemos hacerlo. Para apuntar a este elemento, Java Script tiene algunos métodos especiales, y vamos a aprender los métodos especiales en este tutorial. Para apuntar al elemento dom, hay un total de tres métodos especiales. Podemos apuntar al elemento dom por su ID. Además, podemos apuntar al elemento dom por su nombre de clase. La última opción es, podemos apuntar al elemento dom, su nombre de etiqueta. Si quieres apuntar al elemento por su ID para eso, necesitas escribir una línea especial. Entonces necesitas escribir un comando especial. Documento punto obtener elemento por ID. El documento es un objeto. Dentro de este documento, quiero buscar una identificación. Aquí, dentro de la prensa redonda, necesitamos pasar el nombre de identificación. Es uno de los documentos del método. Recuerda, necesitas escribir E B e I en mayúscula. De igual manera, si quieres apuntar por su nombre de clase, en ese caso, necesitas escribir document dot, get element, get element by class name. Dentro de la prensa redonda, es necesario prov el nombre de clase de este elemento Si quieres orientarlo por el nombre de la etiqueta, en ese caso, necesitas escribir document dot, get element by tag name. Dentro de la prensa redonda, debe pasar el nombre de la etiqueta. Pero sin tres, hay muchos métodos de focalización. Estos son los métodos de segmentación que voy a cubrir en nuestra serie de tutoriales. Empecemos lo práctico y veamos cómo podemos usar estos métodos. Como pueden ver, lado a lado, abro mi editor de código visa Studio y mi navegador usando la extensión del servidor Light, y ya creé un est document index dot Stable. Como puede ver en este documento, creamos una estructura Estable, y creamos un diseño básico de sitio web. Aquí puedes ver el encabezado, y además creamos una sección de menú básico. Además, tenemos una parte de contenido y dentro de esta parte de contenido, tenemos un contenido de subencabezado de imagen, y el lado derecho, puedes ver una sección de sidew, y tenemos alguna etiqueta de anclaje en esta lista También tenemos una sección normal de pie de página. En este diseño básico, vamos a explorar todo el método de targeting. Puedes ver en mi archivo est, tenemos sección de encabezado, tenemos sección de menú, tenemos sección de contenido, y además tenemos sección de verso lateral y sección de pie de página, ya vinculo un archivo de estilo con esta página est, estilo punto CSS, y puedes ver el archivo. También vinculo un archivo Javascri con él. Punto principal JS. Ahora es un documento vacío. Si notas el IDM y las clases, tenemos DNM wrapper, header, menu content También tenemos algunos lado de la lista de clases son ID, o ID. Para esta imagen, asignamos un nombre de clase, imagen de contenido. Guarde este archivo tal como está. Vamos a saltar al archivo avasci, Man DJs. Vamos a experimentar todos los métodos de focalización tontos en este archivo Al principio, voy a declarar una variable. Nosotros elemento. Por ahora, no voy a asignar ningún valor a esta variable. En la siguiente línea, voy a asignar un valor a esta variable. Elemento tipo Hamo igual al documento. Entonces la línea. Ahora voy a poner este elemento en nuestra consola. Consola Hmotyp, registro dentro de la prensa redonda o variable lin, L, la bolsa dos en Si configuro este archivo, y te muestro por sección de consola, déjame mostrarte cómo puedes verlo devolver documento. Es un objeto. Veamos qué es un sit en este objeto. Si abro este documento, se puede ver toda la estructura est. Devuelve toda la estructura estable de nuestra página. Si tecleo documento todo y este es este archivo. Ahora se puede ver en mi consola, regresa et toda la colección. Devolvo toda la etiqueta de nuestra página est. Con eso, devuelve el número de índice de etiqueta. Supongamos que quiero apuntar a la sección del menú. Si pongo el cursor sobre el menú, puedes verlo resaltado en nuestra sección de menú De igual manera, si pongo el cursor sobre la sección calefactor de mis autos, se puede ver el mismo resultado Ahora quiero devolver la sección del título. Para eso, voy a despejar la consola. Y Hw voy a atar documento Dot dentro de la base cuadrada, quiero devolver índice número dos El subgr dos en esta línea. Si presiono enter, como pueden ver, está escrito nuestro título. Hm. Pero si yo en el mismo común aquí, déjame mostrarte y establecer la base cuadrada, voy a pasar dos y establecer este archivo, sen el mismo resultado. Hm. Del mismo modo, tenemos muchos métodos de focalización. On by one, vamos a explorarlo. Yo esta línea y comento la anterior. Ahora quiero apuntar a la sección. Para eso, necesitamos escribir document.it. Aquí voy a escribir documento punto H. Si configuro este archivo, y se puede ver en mi consola, devolverá la estructura de estima de la sección Hat. Se puede ver el título, se puede ver el enlace, se puede ver la etiqueta del script, me puse la etiqueta de la cabeza. Quiero decir que apunta a la sección completa, y ahora quiero apuntar al título. De nuevo, voy a cerrar esta línea y comentar anterior y el título del documento tipo Amo. Si configuro este archivo, puedes ver el resultado. Devolver el título. De la misma manera, si quieres apuntar a toda la sección del cuerpo, puedes. Voy a conseguir esta línea y comentar la anterior y tipo muro. Cuerpo del punto del documento. Voy a establecer este archivo. Después de establecer este archivo, como se puede ver CTN null. Por qué no lo sé. Ejecutemos el mismo comando DT en nuestra consola. Cuerpo de punto de documento tipo H. Si presiono enter, puedes ver que es C sección completa del cuerpo. Puedes ver todas las etiquetas está en la sección del cuerpo. Recuerda, puedes ejecutar cualquier comando de script Java en tu sección body. Ahora quiero apuntar a todos los enlaces de nuestra página est. Sombrero esta línea y comente la anterior. Voy a escribir documento punto ns. Si configuro este archivo, se puede ver que ret algo. Si abro este menú desplegable, puedes verlo ret todas las etiquetas de ira y la longitud total de la etiqueta de ira es de ocho. Tenemos un total de ocho etiquetas de anclaje en esta página. Si coloco el cursor en nuestra primera etiqueta de anclaje, puedes verla resaltar la sección de inicio De manera similar para sobre nosotros, yo pongo el cursor sobre mi índice número uno, destaco sobre la sección Ahora quiero apuntar particularmente al índice número dos. Sta enlaces, voy a usar bases cuadradas, y para pasar dos. Si configuro este archivo, se puede ver nuevo definido por qué no lo sé. Voy a ejecutar el mismo comando en nuestra consola directamente. Copia este comando y al pasado. Si configuro este archivo, puedes verlo stal gallery. De la misma manera, puedes apuntar a las imágenes. Quiero higo esta línea y comentar la anterior, y aquí quiero escribir docu dot images Si configuro este archivo, como se puede ver ritt array. Si lo abro, se puede ver ar longitud uno. Si abro el cursor sobre él, como pueden ver, resalta nuestra imagen. Si quieres apuntar esta imagen para eso, necesitas escribir documento la imagen, dentro de la prensa cuadrada, pasar el número de índice, que es cero. El 72n esta línea. Si presiono enter, como pueden ver, es estado, enderezar nuestra imagen t. Pero si paso un número de índice, que no está disponible, déjame mostrarte imágenes de documentos, ins la prensa cuadrada, voy a pasar una El 72 y esta línea. Yo presiono enter, como pueden ver está escrito indefinido. Porque no hay imagen en un índice. De igual manera, puedes segmentar todos los formularios de tu página web. Voy a replicar esta línea y comentar la anterior Por ahora, no tenemos ningún formulario en esta página web. Por eso va a volver indefinido. Voy a ejecutar otro método de segmentación, que es el doc. P uno. Se va a ejecutar este tipo de doc desde nuestra página STL, tipo doc STML Si configuro este archivo, como pueden ver, es doc tipo STML Esto es para este tutorial. En nuestro próximo Tutorial, vamos a cubrir los restantes. Gracias por ver este video. 65. Tutorial de métodos de JavaScript DOM: Un placer verles chicos. Nuevamente, estoy de vuelta con un nuevo tutorial nlted Java script dom En este tutorial, vamos a aprender cómo podemos obtener valor de un documento estable. Además, vamos a aprender cómo podemos establecer valor en un documento estable. Para eso, vamos a usar el método set y git. En nuestro tutorial anterior, aprenderemos cómo podemos apuntar a los elementos dom. Pero en este tutorial, vamos a aprender después de apuntar los elementos. ¿Qué podemos hacer con eso? Primero, vamos a aprender lo que podemos obtener de un elemento. En Java Script, ayuda hasta hacer podemos obtener tres temas. Un atributo de texto rancio. Podemos obtener tres tipos de valor usando el método git. Para estos, el script Java tiene algunos métodos git diferentes. El primer método es un texto. Este método ayuda a obtener texto de un elemento. El siguiente es Iatable. Está escrito el est de este elemento, y nuestros tres últimos métodos ayudan a obtener el atributo vdo, git attribute, git attribute note y Veamos cómo funciona un texto y un estable interior. Como pueden ver lado a lado, abro mi editor de código Visa studio y mi navegador usando la extensión Live several, y abro mi documento estable anterior. Con eso, tenemos Mindo js file. Al principio, voy a resolver el tema. Si recuerdas, cuando ejecutamos función body documentada en nuestra consola, es s nulo. Algunos de los comandos escritos indefinidos, de lo contrario nulos. Al principio, voy a resolver este problema. Como puedes ver, aquí usamos etiqueta script dentro de la etiqueta encabezada. Pero necesitamos usar la etiqueta script. Corté la etiqueta script desde aquí y la voy a usar antes de que termine la etiqueta body, y voy a configurar este archivo. Ahora puedes ver cuando configuro este archivo, s toda la sección del cuerpo. Ahora nuestra consola, no va a devolver null, por lo demás indefinido. Ahora podemos ejecutar todos los comandos en nuestro archivo DGS principal. Pero, ¿cuál es el problema? Si usamos Java strip dentro de la etiqueta head, en ese caso, el problema principal es cuando guardamos nuestro archivo, se carga la etiqueta script antes de la etiqueta body. Es por eso que nuestra tira de Java funciona correctamente. Es por eso que necesitamos usar la etiqueta script end de esta etiqueta body. Ahora ha funcionado perfectamente. Volvamos al archivo JS. Al principio, vamos a aprender en texto. Vamos a llegar al archivo índice punto est. Como puedes ver, tenemos un ID de encabezado. Dentro de este ID de encabezado, tenemos H una etiqueta. Ahora quiero extraer el texto de H una etiqueta. Para ello, necesitamos atar documento punto get elemento por ID. Dentro del receso redondo, necesitamos pasar el nombre de identificación, que es encabezado. Si configuro este archivo, como pueden ver, está escrito la etiqueta de encabezado completa. Está escrito la estructura Atable adecuada, pero quiero devolver el texto interno de esta etiqueta. Aquí, necesitamos usar un método de puerta punto texto interior. Si configuro este archivo, ahora puedes ver que está escrito tu logo, solo el texto. Déjame mostrarte otro ejemplo. Puedes ver mi archivo de estimación de punto índice. Aquí está el contenido del nombre de identificación. Dentro de este contenido, tenemos H one tag, ng tag, paragraph tag, etcétera Si paso esta identificación, va a devolver todo el texto a la vez. Déjame mostrarte. Aquí voy a pasar elemento Git por ID se establece el contenido de prensa abajo. Si configuro esta página, como pueden ver, está escrito todo el texto de nuestra sección de contenido. No devuelve ninguna etiqueta est. Se acaba de escribir poner texto. Este es el uso del método de texto interno. Hablemos de nuestro siguiente método, que es STL interno Aquí, voy a duplicar esta línea y comentar la anterior y aquí voy a escribir STML interno Si configuro este archivo, puedes ver mi consola, es sten toda la estructura est dentro de la sección de contenido. Como puedes ver, se escriben todas las etiquetas patrimoniales con ese texto. Si paso encabezado aquí, entonces voy a reemplazar el contenido con encabezado. Esto en este archivo, se puede ver, está escrito el STML interno H uno, con eso, está escrito el texto, tu logo. Este es el uso de este método. A continuación, vamos a aprender cómo podemos obtener valores de atributo. Para eso, tenemos total t method, get attribute, git attribute nodes, y attribute, y vamos a comenzar con git attribute Mathod Además, vamos a averiguar la diferencia entre git attribute node. Otra vez, vuelvo a por vis a tu co o. Al principio, voy a usar el método git attribute. Hm tipo git atributo. Ahora tenemos que pasar la ronda ***, y necesitamos proporcionar el término de atributo qué valor de atributo queremos. Volvamos a la página A siete. Como puedes ver en esta D, solo tenemos un identificador de atributo, y aquí voy a usar otro en clase. Clase, por ahora, voy a escribir. Voy a decir este archivo. Ahora quiero devolver el nombre de la clase de esta etiqueta. Aquí quiero pasar en conjunto la clase doble. Si configuro este archivo, puedes ver, puedes ver en la consola, sentar el nombre de la clase, x y z Aquí apuntamos a nuestra etiqueta profunda usándola ID, que es header, y devolvemos el nombre de clase de este elemento usando git attribute bathroom. Pero si aquí paso identificación, entonces ¿qué pasa? DNI. Si configuro este archivo, va a devolver el sa ID name, header. Déjame mostrarte. Si configuro este archivo, puedes ver en mi consola, es encabezado sit. Agreguemos otro atributo a este elemento. Aquí voy a agregar otro atributo y nuestro atributo ame es style. Y voy a decir frontera a este elemento. Borde un píxel, y quiero borde sólido. Con eso, quiero el color rojo. Voy a configurar este archivo, y en mi archivo IndoJS, aquí voy a pasar el nombre del atributo , que es estilo Y ahora va a devolver el valor del atributo style. Si pongo esta suela, se puede ver el resultado. Borde de un píxel sólido rad. Ahora hablemos de nuestro otro método, que es git attribute non. Aquí, voy a escribir git atributo no. Si configuro este archivo, ahora puedes ver en mi casole, es reten el nombre del atributo con sus valores Si quieres devolver solo el valor del atributo, en ese caso, necesitas usar git attribute, y si quieres devolver el nombre del atributo con valor, en ese caso, necesitas usar git attribute no. Esa fue la principal diferencia entre git attribute y git attribute no. Pero si quieres devolver solo el valor usando este método, sí, puedes. Solo necesitas escribir punto v. Si configuro este archivo, ahora puedes ver que es devolver solo el valor. Ahora voy a hablar de nuestro último método get, que son los atributos. Este método va a devolver todos los nombres de atributo de este. Va a devolver una matriz y establece esta matriz, va a devolver todos los nombres de atributo. Déjame mostrarte las prácticas. Vuelvo a por índice punto archivo estable, se puede ver, él estableció este ID de encabezado, tenemos un total de tres atributos, ID, clase y estilo, y Haram para escribir solo atributo Voy a eliminar todos estos header, dot, attribute. Si configuro este archivo, como pueden ver, se escribe una matriz. S no se escribe una matriz, es st objeto. Si abro este objeto, como pueden ver, la longitud total de este objeto es de tres. Porque tenemos un total de tres atributos en este objeto, ID, clase y estilo. Si quieres apuntar al atributo particular , sí, puedes. Supongamos que quiero apuntar a la clase. Para eso, después del atributo, necesitamos usar ases cuadrados. Aquí, tenemos que pasar el índice número uno. Si configuro este archivo, como pueden ver, está escrito el nombre del atributo y es v x y ocho. Ahora quiero devolver solo el ve, no el nombre del atributo. O eso, solo hay que escribir punto. Si configuro este archivo, puedes ver el resultado. Está escrito xyz. Con eso, también, se puede devolver el nombre del atributo. Para eso ajustar para escribir el nombre del punto. Si configuro este archivo, puedes ver el resultado. Es clase escrita. Ya aprendimos usando este método, cómo podemos obtener valores dom. Esto es para este tutorial. En el siguiente tutorial, vamos a aprender Dm puerta Mthods Gracias por ver este video, statti 66. Tutorial de métodos de conjunto de DOM de JavaScript: Qué es lo que ustedes. Nuevamente, estoy de vuelta con un nuevo tutorial y en este tutorial, vamos a aprender cómo podemos establecer valores dom. Hemos puesto cinco métodos. Usando este método, podemos actualizar cualquier dom Val. De lo contrario, podemos agregar cualquier valor dom. Podemos cambiar en un texto. Además, podemos cambiar el STML, podemos establecer nuevo atributo Podemos eliminar atributo. Ya sea a la hora, estudiemos lo práctico y veamos cómo es w. Como puedes ver lado a lado, abro mi editor de código visit studio y mi navegador usando la extensión Live Server, y ya abrí mi archivo STL anterior y el archivo Min DOJs. Vamos a saltar al archivo STL índice doe. Aquí puedes ver, tenemos ID con nombre de cabecera. Dentro de esta etiqueta de cabecera, tenemos H una etiqueta. Yo decido que voy a cambiar el estim interno de esta identificación. Quiero poner rumbo dos etiqueta con velo diferente. Pero no voy a cambiar nada en mi archivo index dot est. Voy a hacer el trabajo usando set methyl. Para eso, estoy de vuelta a mi archivo punto principal. Hm empate Don punto obtener elemento por cabecera ID. Entonces nuestro método nombre punto interno EstiML. Porque quiero cambiar el est interior igual a está en los códigos dobles, tenemos que pasar este árbol. Como te dije, ahora voy a usar la etiqueta de encabezado dos. Aquí voy a pasar H dos cerca, H dos. Entre la partida dos, voy a pasar el infierno. Antes de configurar este archivo, voy a devolver el et interno en mi consola. Para eso, head into pass doc element get element by ID header, PR STML Después sub línea C a D. Si configuro este archivo, como pueden ver en la inter porción, indica el contenido. Reemplaza H una etiqueta por S dos etiqueta porque cambiamos STML interior Al principio, apuntamos al elemento por su nombre de ID. Entonces cambiamos el est interno de este ID. Si te muestro mi consola está empaquetada consola, puedes ver el resultado. Como pueden ver, ahora nuestra nueva estructura de estimación es h12, Halu Pero si imprimo esta sección interior est antes de cambiarla, déjame mostrarte. Pero al principio voy a quitar esta línea. No lo necesito. Voy a copiar esta línea. Y voy a pasarlo antes de este s. si configuro este archivo, Ups, me olvidé de imprimir este elemento en mi consola Copia esta línea y pega después de esta línea. Si configuro este archivo, ahora puedes ver el resultado. Nuestro primer resultado vino de antes del cambio. Nuestro segundo sel viene de después del cambio. Así es como podemos cambiar en esteml usando el método set. Del mismo modo, se puede establecer en un texto a cualquier elemento. Por ahora, voy a quitar estas líneas. No lo necesito. Ahora les voy a mostrar cómo podemos cambiar el atributo ves. Para ello, necesitamos usar atributo set, de lo contrario, el método de atributo. Vayamos al código de estudio Visa DD. Si te muestro mi punto índice Archivo estable, como puedes ver, él configuró esta D, tenemos múltiples atributos, ID, nombre de clase, estilo, y ahora quiero cambiar el atributo de clase V. Quiero reemplazar x y ocho con AVC Pasemos al archivo JS y veamos cómo podemos hacerlo. Al principio, quería obtener esta línea y comentar la anterior. H para atar documento punto obtener elemento por encabezado ID. Nos dirigimos a nuestro elemento por su nombre ide. Ahora, aquí quiero establecer un nuevo nombre de atributo. Para ello, necesitamos usar set attribute method, set attribute. A continuación, voy a quitar las líneas inusuales. Estos no son requeridos por ahora. Luego dentro de las llaves de tierra, primero, necesitamos pasar nuestro nombre de atributo, que es clase, y en nuestro segundo parámetro, necesitamos pasar el nombre vu que es A B C, y Sg dos en esta línea Ahora, vamos a imprimir el atributo en nuestra consola. Para eso, nuevamente, necesitamos escribir un baño de puerta, atributo de puerta. G atributo dentro de las llaves redondas, tenemos que pasar la clase de nombre de atributo Si configuro este archivo, puedes ver mi consola, que reemplaza exitosamente nuestro nombre de clase con ABC. Si te muestro mi sección de elementos, como puedes ver, déjame mostrarte. Ella reemplaza nuestro nombre de clase en mi dom con ABC. Así es como podemos cambiar cualquier valor de atributo. Usando el método set attribute, también se puede cambiar el valor de Sess en línea Déjame mostrarte el ejemplo. De nuevo, voy a replicar esta línea y comentar la anterior Esta vez, quiero apuntar a nuestro atributo y nuestro nombre de atributo es estilo. Y aquí, voy a pasar un nuevo valor, O v es frontera. Colon fronterizo y necesita pasar los valores. Borde de diez píxeles dotate, y quiero establecer el color del borde blanco Si configuro este archivo, puedes ver el resultado. Reemplazamos con éxito el valor de cess en línea usando esta metanfetamina. Pero esta no es la forma correcta. En nuestro próximo trabajo, vamos a enterarnos de ello. Si quieres imprimir el valor en tu consola, solo necesitas atar estilo. Si configuro este archivo, ahora puedes ver mi consola, el valor, borde, diez píxeles, puntearlo, y el color blanco. Básicamente, quiero decir con la ayuda de Java Script, podemos cambiar las propiedades de CS, y lo vamos a aprender en nuestra llegada a Tio. Ahora, vamos a remolcar nuestro siguiente método, que es el método de atributo. De nuevo, voy a duplicar esta línea y comentar la anterior. Por ahora, voy a quitar las líneas innecesarias. Y tipo de daño, documento punto obtener elemento por atributos de ID. Como saben, aquí tenemos que pasar. En lugar de la base cuadrada, tenemos que pasar el número de índice, y el número de índice de nuestras clases uno. Si te muestro por qué índice punto e archivo, en nuestro índice cero, lo tenemos, y en nuestro primer índice, tenemos clase. Por eso paso uno, y quiero cambiar el valor de este atributo. Él pasa el valor de punto. Entonces necesitamos usar igual a seno. Es y en dicho el doble e, tenemos que pasar el valor, y quiero st nuestro nombre de clase. Z, y sellar en esta línea. Antes de configurar este archivo, quiero imprimir nuestro atributo. Aquí estoy quiero pasar clase. Voy a establecer este archivo. Ahora puedes ver en mi consola, reemplaza nuestro nombre de clase por Z Z. Si usas este método, necesitas recordar el número de índice, pero en nuestro método anterior, necesitas pasar el nombre del atributo Esa es la diferencia. Hablemos de nuestro último atributo, que es eliminar atributo. Este atributo se utiliza especialmente para eliminar los atributos existentes. Así que vamos a subir a la coed en C cómo es el trabajo. Como puedes ver en esta D, hemos sacado tres atributos, ID, clase y estilo. Como pueden ver, este D vab color de borde rojo, Déjame aumentar el tamaño, diez píxeles. Voy a establecer este archivo. Ahora cuando configuras este archivo, quieres eliminar este borde, y quiero eliminarlo usando la pantalla de Java. Volvamos al expediente de Mino. De nuevo, voy a duplicar esta línea y comentar la anterior. Aquí tenemos que pasar el nombre del atributo. Documento punto obtener elemento por encabezado ID, y nuestro nombre de atributo es eliminar atributo. Eliminar atributos. Entonces dentro de la desnudez, dentro de los códigos dobles, necesitamos pasar el nombre del atributo, y nuestro nombre de atributo es style, y semicon en esta línea Si configuro este archivo, puedes ver el resultado. Ahora puedes ver en mi navegador, se quita el atributo style con su valor. Por eso ahora no tenemos la frontera a esta porción de cabecera. Si te muestro la estructura est desde la sección de elementos, ahora puedes ver dentro de la etiqueta body dentro de este de, tenemos una cabecera. Pero si te das cuenta, puedes ver que solo tenemos dos atributos, ID y clase. Se ha eliminado con éxito el atributo style. Pero si volvemos a mi archivo índice estable, puedes ver que aún existen nuestros atributos de estilo en esta D. En este tutorial, aprendes cómo podemos apuntar valores dom, y también podemos decir nuevos valores a nuestro dom. Esto es para este tutorial. En nuestro próximo tutorial, Vamos a establecer Css vs. Esto es para el asp tal viendo este video. 67. Tutorial de JavaScript DOM querySelector y querySelectorAll: Me alegro de verlos de vuelta chicos. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado Javascript dom. En este tutorial, vas a aprender a matemáticas, consultas y selector de consultas todos En nuestros tutoriales anteriores, aprendemos cómo podemos apuntar elemento dom por ID, por className, por techni Pero el problema es, si necesitamos apuntar a los diferentes objetos, en ese caso, es necesario usar tres metol diferentes ID, elemento git por ID, o clase, elemento git por nombre de clase, y para etiqueta, elemento git por nombre de etiqueta. ¿Pero qué? Si tuviéramos un solo método para apuntar a todos los elementos, ¿quién puede apuntar a ID, nombre de clase y tagnme? Para eso, Javasclit, introduce dos métodos, y selector e y selector todos Para Selector de ciudad, necesitamos escribir documento punto Selector de ciudad, dentro de la prensa redonda, necesitamos pasar el selector CSS. De manera similar, si quieres usar el selector City para eso necesitas escribir, documentar punto y selector todo dentro de la prensa redonda, pasas selector CSS. Pero, ¿cuál es la diferencia entre y selector y arity selector todo? Si usamos el selector Qy, va a apuntar al primer objeto A lo mejor hay objeto similar con el mismo nombre de clase, pero va a seleccionar el primero. Pero si usas todo el selector de Cary, va a apuntar a todos los elementos Esa es la diferencia básica entre dos métodos, selector y selector Qy todos Sin perder el tiempo, estudiemos práctico y veamos cómo funciona. Como pueden ver lado a lado, abro mi editor de código is Studio y mi navegador usando la extensión Lefs, y ya abrí mi documento anterior punto índice STM Ese es el archivo JavaScrip, Practico Ser JavaScrip Mthods Vamos a usar el primer bathod, que es selector de consultas Voy a revisar todas estas líneas innecesarias, y selector de consulta de punto de documento tipo Ham, selector de consultas. Dentro de la prensa redonda, necesitamos pasar el nombre del selector, y aquí uso selector ID, header. Para eso, necesitamos usar la etiqueta Hs sin porque es una identificación. Si usas el nombre de clase, en ese caso, necesitas usar punto antes del nombre de la clase, y quiero cambiar el estil interno de este elemento Para eso, él para escribir método inerte, IDML igual a, digo los dobles, quiero reemplazar encabezado una etiqueta por encabezado dos etiqueta Para eso, Herman para usar H dos etiqueta, H dos. Entre estas dos etiquetas, voy a escribir hola. En la siguiente línea, y para git, nuevo, voy a usar el selector Qi todo. Aquí voy a reemplazar git element por ID con selector Qi. Selector Qi. Nuevamente, necesitamos usar el signo fiscal He porque estamos seleccionando el elemento usando su ID. Por eso necesitamos usar Hatag, y quiero devolver el STL interno de este elemento punto STML interno Si configuro este archivo y te muestro mi consola, como puedes ver en mi consola, está escrito, está escrito el nuevo STM interno hola Además, puedes ver aquí usamos etiqueta de encabezado. Con eso, puedes ver los cambios en nuestra porción de encabezado. Recuerda, este selector va a apuntar al primer elemento de tu documento. Por ahora, voy a comentar esta línea. No lo necesito. Voy a volver a configurar este archivo. Y ahora te voy a mostrar otro ejemplo del método y selector. Si vuelvo a mi archivo Index dot stable, como pueden ver, hay una lista de nombres de clase, y usamos el mismo nombre de clase dos veces. Si selecciono el nombre de la clase, entonces copio el nombre de la clase st e inst el archivo mendo, para escribir y selector, nuestra lista de nombres de clase Pero como te dije, para el nombre de la clase, necesitamos usar punto. Pero si te das cuenta, puedes ver que es devolver toda la estimación interna del primer elemento. Usando el selector de consultas, podemos establecer un nuevo valor. De lo contrario, podemos obtener valor. Ahora, hablemos de nuestro segundo método, que es el selector de consultas todos. Veamos cómo es así. Si até el selector Qy, todo y configuré este archivo, ahora se puede ver que necesitamos eliminar el estim interno porque vamos a seleccionar múltiples elementos Ahora se puede ver por Cole está sentado en lista de comidos, y la longitud de esta lista es de dos. Si tu rutina es, puedes ver, primero usas la lista de nombres de clase con etiqueta UL, luego usas la lista de nombres de clase con etiqueta de párrafo Si te muestro por el archivo Index dot St, primero usas el nombre de la clase con la etiqueta UL, y luego usas el mismo nombre de clase con la etiqueta de párrafo. El beneficio de usar este método es que podemos usar el nombre de la clase, el nombre etiqueta y el nombre de identificación. Aquí puedes usar cualquier tipo de selector para apuntar al elemento, y similar a otro método, si quieres apuntar etiqueta de párrafo, para eso, aquí necesitas pasar Es la base cuadrada, el índice número uno. Si configuro este archivo, puedes ver el resultado. Puedes ver mi consola, la etiqueta de párrafo completo. Puedes ver el nombre de la clase, puedes ver el contenido, et c. déjame mostrarte otro ejemplo de Selector bastante. Si te muestro mi archivo estable de punto índice, como puedes ver, usamos etiqueta UL múltiples veces. Lo usamos en nuestra sección de contenido, usamos esta etiqueta en nuestra sección de lados. También lo usamos en nuestra sección de menú. Y ahora voy a usar el método por su nombre de etiqueta. En cambio la prensa redonda, tenemos que pasar el nombre de la etiqueta y nuestro nombre de etiqueta es U L. Además, voy a quitar el número de índice. Por ahora, no lo necesito. Si configuro este archivo, puedes ver sin duda la lista de Nodos. Si abro esta lista de notas, puede ver que la longitud total de la etiqueta UL es de tres. Uno a uno, si quieres devolver el esteml interior, sí, puedes Para eso, necesitas atar versos cuadrados, y dentro de los versos cuadrados, tenemos que pasar el número índice. Quiero devolver Índice número dos. Entonces necesitamos usar punto inerte. Si configuro este archivo, puedes ver mi consola, está escrito la sección toda la S interna del Índice número dos. Está escrito los elementos de la lista del menú de la barra lateral, casa sobre s, galería, contratistas, etcétera Ahora voy a usar poco avance Selector de casos. Puedes ver mi archivo est de punto índice. Dentro de la sección de encabezado, tenemos, tenemos H una etiqueta, tu lobo, y podemos seleccionar el elemento H one usando este ID. Déjame mostrarte. Aquí, voy a quitar esta. No lo necesito. Dentro de los códigos dobles, voy a atar nuestro encabezado de nombre de identificación. Espacio, el nombre del elemento, H uno. Si configuro este archivo, puedes ver el resultado en mi Czone. Es devolver la etiqueta H one, que está dentro de la sección de encabezado. Si vuelvo a y, indexar el archivo ESTEML y duplique esta línea varias veces. Es éste. Ahora se puede ver dentro por nodo menos, total tres H una etiqueta. Esta selección avanzada va a devolver toda la etiqueta H one del elemento header. Básicamente, quiero decir si usas este método, aquí podemos usar selectores avanzados se Este es el uso del método selector y selector all. Usando un selector, podemos apuntar a todo tipo de atributos, estilo de clase ID, etcétera Esto es para este tutorial. Gracias por ver este video, estado une para nuestro próximo Tutorial. 68. Tutorial de métodos de estilo de CSS de JavaScript DOM: Podría verles una y otra vez con un nuevo totterial, relacionado Java strip En este tutorial, vamos a aprender Dom Ces estilizando matemáticas. Básicamente, tenemos tres métodos que pueden usar para darle estilo a Css Dom. El primer método es style, y el segundo método es class name, y el tercer método es class s. Usando este método, puede obtener el valor de Sess De lo contrario, puede establecer Sess V. Supongamos que desea extraer la propiedad Sess del elemento Para eso, puedes usar. Para eso, puedes usar directamente el método de estilo. Además, puede establecer un nuevo valor usando el método de estilo. Empecemos la práctica y veamos cómo está. Como pueden ver, lado a lado, abro mis Vs al editor de código y mi navegador usando la extensión Lightsever, y abro mi anterior STEM y recomenname Con eso, abro el archivo Mando JS. Al principio, vamos a darle estilo a la porción de encabezado. Al principio, te voy a mostrar el ejemplo de propiedad de estilo. Si te muestro mi punto índice un archivo estable, como puedes ver en esta D, tenemos un encabezado de nombre ID. También tenemos atributo de estilo en esta D. quiero apuntar a este elemento usando ID de encabezado. Copie el nombre de identificación y vuelva a mi archivo señorial y voy a atar el selector de puntos del documento tiene etiqueta nuestro encabezado de nombre de identificación. Al principio, te voy a mostrar cómo podemos obtener la propiedad de estilo a partir de este elemento. Para eso, es necesario escribir estilo de punto. Si te muestro mi índice estel como puedes ver, dentro de tu atributo de estilo, tenemos un nombre de propiedad border Quiero obtener el valor de la propiedad fronteriza. Copo el borde del nombre de la propiedad. Volver a I main your file and hair up per style, voy a usar dot y nuestro nombre de propiedad border. Antes de configurar este archivo, voy a abrir mi c Zoom inp Cs Si configuro este archivo, puedes ver mi Csol está escrito el valor de la propiedad border desde el elemento header Puedes obtener el valor de Sess de esta matemática. Pero si paso una propiedad que no existe en nuestro elemento, déjeme mostrarle. Como puedes ver, aquí utilizamos solo propiedad fronteriza. No utilizamos ninguna otra propiedad CSS, como el relleno de color. Si escribo color cabello, y luego configuro este archivo, como puedes ver en mi consola, es hijo en blanco, y ahora voy a establecer un color de fuente a nuestra sección de encabezado. Volver al archivo estable Idexoe y aquí voy a escribir punto y coma y hasta punto y coma, voy a usar otra propiedad, Color, amarillo. Si configuro este archivo, puedes ver mi consola, es hijo amarillo. Por ahora, voy a quitar el estado de ánimo receptivo, y si escribo algo dentro de esta profundidad, entonces voy a escribir hola. Y establecer este archivo. Ahora puedes ver en mi sección de cabeza, el color de la fuente es amarillo. Así es como podemos gag valor de la propiedad CSS usando el método de estilo Ahora te voy a mostrar usando el método Style, cómo podemos establecer nueva propiedad Css en un elemento est. En nuestro ejemplo anterior, obtenemos valor usando el método style. Ahora vamos a aprender cómo podemos asignar un nuevo valor de propiedad a un elemento est. Ahora quiero establecer el color de fondo a este elemento. Vuelvo a mi archivo Menor JS, y voy a copiar esta porción, y comento esta línea. En la siguiente línea, voy a pegarlo. Ahora quiero decir dab Down color a esta D. Para eso, aquí necesitamos escribir método de estilo de punto Después de eso, necesitamos pasar el nombre de la propiedad CSS, que quiero decir en este elemento, y quiero ver dab Down color H para escribir fondo, color. Color de fondo, y quiero usar azul. Y semicon para terminar esta línea. Recuerda, en Css, necesitamos usar d entre fondo y color. Pero en Java Street, no necesitas usar el letrero das, y también necesitas capitalizar C Carcor Vamos a separar el archivo y ver lo que escribió. Después de sep este archivo, se puede ver el resultado. Aquí se puede ver sta el color de fondo del encabezado. No guardo mi archivo estable. Cómo sigue existiendo en nuestra porción de encabezado. Volvamos a guardar el archivo de índice. Ahora se ha ido. Si te muestro mi sección de elementos y mi cursor sobre esta porción de encabezado, aquí puedes verlo establecer una nueva propiedad sass, que es color de fondo, color de fondo, azul De igual manera, quiero agregar otra propiedad a este elemento. De nuevo voy a replicar esta línea y voy a comentar la anterior Ahora quiero agregar relleno. Aquí, quiero quitar el color azul y la propiedad de color de fondo, y estilo superior, voy a escribir padding. Para cada dirección, quiero relleno de 50 píxeles. H para escribir 50 píxeles. Si configuro este archivo, puedes ver el resultado. Agrega relleno de 50 píxeles desde toda la dirección. Aprendemos cómo podemos establecer valor y obtener valor usando el método de estilo. Ahora voy a hablar de nuestro segundo método, que es el nombre de la clase. Usando esto, puedes obtener cualquier valor de clase. También puedes establecer cualquier nombre de clase. Empecemos la práctica y veamos cómo está. Volvamos al archivo de Estable. Como pueden ver, en nuestra cabeza profunda, tenemos un nombre de clase x Y, y ahora lo voy a quitar. Ahora en este elemento, no tenemos ninguna clase, y quiero establecer un nombre de clase a este elemento. Ahora vamos al archivo Mando JS. Primero, quería obtener esta línea y comentar la anterior. Cómo voy a escribir documentado ary selector dot method name, que es el nombre de la clase. Nombre de la clase. Y quiero establecer un nuevo nombre de clase, nuestro nombre de clase es A B C. Además, quiero obtener el nombre de la clase y quiero imprimir el nombre de la clase en mi consola. Para eso, de nuevo, voy a dub obtener esta línea en tipo Hang, nuestro nombre de variable, Alim Elemento igual al encabezado del selector de documentos, y quiero devolver solo nuestro nombre de clase. No quiero establecer ninguna manera. Si configuro este archivo y te muestro myset ABC. Aquí establecemos un nuevo nombre de clase y obtenemos un nuevo nombre de clase usando esta matemática. Además, puedes ver el nombre de la clase en mi sección de elementos, clase ABC. Ahora podrías haber cuestionado, ¿cuál es el uso práctico de este método? ¿Qué podemos hacer después de cambiar el nombre de la clase? Déjame mostrarte. Para eso, necesitamos saltar al estilo de nuestro archivo CSS punto CSS. Aquí voy a darle estilo a una clase. Aquí puedes ver que ya le damos estilo nuestro elemento de encabezado usando ID de encabezado. Pero ahora quiero añadir un poco de relleno. Para eso, podemos usar esta clase, y nuestro nombre de clase es AVC, A B C. Insertar los calibrados, voy a Relleno de 50 píxeles. Si configuro este archivo, puedes ver el resultado, agrego padding desde toda dirección. Pero si vuelvo a mi archivo mando y comento esta línea y restablezco este archivo. Se puede ver ahora hay un nope padding porque ahora no asignamos ningún nombre de clase ABC Si te muestro mi sección de elementos, como puedes ver, no hay nombre de clase ABC. Pero ya le damos estilo a esta clase en nuestra sección de estilo. Si descomento esta línea y vuelvo a configurar este archivo, como puedes ver, agrega relleno desde toda dirección Si vuelvo a mi consola, puedes volver a ver el nombre de la clase ABC. Este es el uno de los principales usos prácticos de este método nombre de clase. Usando este dom methos, podemos establecer cualquier propiedad de Sess, cualquier atributo a nuestros elementos estables Déjame mostrarte una cosa. Podemos establecer varias clases a la vez usando este método. Aquí, voy a teclear xyz. Si configuro este archivo, como pueden ver, ahora se ve tanto el nombre de las clases, APC como x Y. Pero si selecciono este elemento y te muestro esta porción de estilo, ahora puedes ver El relleno viene de una sola clase, que es ABC, no de x YZ Ahora, hablemos de nuestro último método de estilo ss, que es la lista de clases. ¿Cuál es la diferencia entre class list y class name? Empecemos la práctica. Primero, voy a duplicar esta línea y comentar la anterior, y H voy a escribir o nombre del método. Lista de clases. Si configuro este archivo, puedes ver mi consola, está escrito el mismo resultado. Está escrito y transmite, y en esta cadena, ret tanto el nombre de la clase. Pero si escribo lista de clases aquí, déjame mostrarte. Y esto en este archivo, ahora lo puedes ver Stenn dom token list Si abro este suelo de caída, se puede ver Trotn estos dos, y tanto para el nombre de la clase, se le asigna un número de índice diferente Al número de índice cero, asigna ABC en un número de índice, asignó xyz. Lista de clases escrita. Pero el nombre de la clase st. Pero la principal diferencia es que esta función viene con sus propios methds. No voy a mostrarte todo este método en este tutorial, pero en este teral te voy a mostrar los dos methds O primera ruta es una Al principio, voy a eliminar todo este nombre de clase, x y ad y AVC, y en mi archivo Stable, voy a asignar el nombre de clase aquí Clase A B C. Si configuro este archivo, puede ver que no hay cambios porque ya agregamos la propiedad Sess en nuestro archivo de estilo Ahora, en este elemento, quiero agregar una nueva clase con AVC Para eso, necesitamos usar el método add. Estoy para eliminar todo esto y mo tipo class s dot, y usando este método, podemos agregar varias clases. Y aquí, voy a agregar un nombre de clase QE. Si configuro este archivo, se puede ver en mi consola que escribió dos nombres de clase, ABC, y QE Pero en nuestro expediente estable, a ella le asignamos sólo una clase ABC. Pero asignamos la segunda clase desde la fatalidad de Javascript. Si quieres agregar otra clase con eso, sí, puedes. Justo después de la cita, para usar coma y en su lugar las comillas dobles, puedes pasar otro nombre de clase y Ho tipo As d. Si configuro este archivo, puedes ver mi consola. Ahora tenemos un total de tres clases en este elemento. ABC, QE y TEA. Usando este método add, puedes agregar varias clases a la vez. Ahora, hablemos del siguiente método plus s, que es eliminar. Al principio, voy a eliminar este método, agregar Luego vuelvo a y punto Intext Archivo estable Aquí, dentro de la clase, voy a asignar a otras clases en mi página estable, x y ocho y A es d. Voy a configurar este archivo. Después de configurar este archivo, puedes ver mi consola. Es cuatro pistas Nombre porque no guardamos nuestro archivo Min DoS. Si configuro este archivo, puedes ver el resultado. Sin flecha Stan, porque no utilizamos ningún método. Por eso es hijo flecha. Pero si comento esta línea y configuro este archivo, ahora se puede ver en mi consola, se St nombre de clase tres, ABC xy8ad Ahora quiero eliminar una de las clases de esta lista. Quiero quitar x y ocho clase. Aquí, voy a usar un método name remove. Yo encomio esta línea, y el tipo Imo, quite Dentro de la prensa redonda, necesitamos pasar el nombre de la clase y quiero eliminar xyz. Dentro de la pose doble, voy a escribir x y. Si configuro este archivo, puedes ver el resultado. Es un total de dos nombres de clase, A b c y As D. Usando este método sin clases, puede eliminar los nombres de clase No sólo eso, al mismo tiempo, se pueden eliminar varios nombres de clase. Con eso, quiero eliminar la clase A D. Perco dentro del doble curso, necesitamos escribir A es D. Ahora está escrito solo un nombre de clase, ABC Se reve tanto las clases, X Y Z como ASD Pero si te muestro mi índice ese archivo est, todas las tres clases siguen existiendo en este elemento. Pero usando Dom, eliminamos tanto el nombre de la clase, X Y como ASD Esto es para este tutorial. En nuestro tutorial que viene, vamos a aprender a agregar incluso oyente Además, voy a cubrir todos los métodos de lista de clases en nuestros tutoriales de accoing. Gracias por ver este video, Stu. 69. Tutorial del método de JavaScript addEventListener: alegro de verles otra vez soy bolsa con un nuevo tutorial JavaScript relacionado. En este tutorial, vamos a aprender Java Script add event listener Todos estos son eventos básicos, y sabemos cómo podemos usar eso. Para esos eventos, necesitamos usar event attribu. Como puedes ver en este botón, establecemos un evento en pico y después de hacer clic en este botón, va a llamar a la función AVC De esa manera, podemos agregar eventos en cualquier etiqueta estable. Supongamos que quieres llamar a una función cuando pasas el mouse a una imagen. Para eso, necesitas usar este evento en mouse enter. Si aprendes script Java básico, ya estás familiarizado con eso. Pero hay un problema con esta técnica. Cada vez que necesitamos volver a nuestro documento estable para establecer este atributo. Aquí utilizamos eventos en línea, y crea nuestro archivo estable pesado y complejo. No queremos estropear el atributo JavaScript con la etiqueta estable. Para eso, Javascript vienen con dos soluciones. En nuestra primera solución, asignamos el evento con la ayuda de dom. Como puedes ver, document dot get element by ID, seleccionamos el elemento particular por su nombre ID, luego seleccionamos el evento particular y llamamos a la función. Siempre que hagas clic en el elemento de estimación, va a llamar a la función. Déjame mostrarte el ejemplo práctico y ver cómo es la palabra. Como pueden ver, lado a lado, abro mi editor de código Visa Sdio y mi navegador usando la extensión Live Server, y abro mi documento anterior est file y Mando Js. Ahora en nuestro archivo dividido Java, voy a llamar a nuestro Even. Siempre que haga clic en esta poción de encabezado, quiero cambiar el color de fondo Al principio, voy a apuntar a este elemento por su nombre de ID. Él para escribir documento punto puerta elimin por identificación. Son los versos redondos, necesitamos pasar el nombre de iD, y el iden ame es, como puedes ver, encabezado Copia el nombre de identificación y pégalo aquí. Ahora, aquí tenemos que pasar el nombre par. Voy a escribir punto y nuestro nombre par está en P. Igual dos, y aquí, tenemos que llamar al nombre de la función, y nuestro nombre de función es ABC. Hay seg dos en esta línea. Ahora, llamamos a la función, pero no creamos la función. Para eso, voy a crear la función. H para escribir función y nuestro nombre de función es ABC, carreras redondas. Después puso el C ss, y quiero cambiar el color de fondo del encabezado donde le patee. Nuevamente, necesitamos seleccionar este elemento, y quiero seleccionar este elemento por su Dname Copia esta línea y pégala aquí. Estilo de punto. Y ya aprendimos sobre método de estilo en nuestros tutoriales anteriores. Después de estilo, weed para pasar el nombre de la propiedad, y quiero cambiar el color de fondo, fondo, fondo, igual a, y quiero decirlo color verde. Después semgon a en esta línea. Ahora voy a configurar este archivo. Después de configurar este archivo, y cuando haga clic en esta sección de encabezado, como pueden ver, va a cambiar el color. Se volvió gris a verde. Déjame mostrarte otra vez. Si reprimo esta página, como pueden ver, ahora el color de fondo del calentador es gris Pero si hago clic en él, como pueden ver, se está volviendo verde. De esa manera, podemos agregar eventos en nuestra etiqueta este. Esto es. En los dos siguientes a, te vamos a mostrar cómo podemos usar el método Add y Lesar Ahora, hablemos del método Add y sar. Es el bañista muy útil en el script Java. Después de selt el elemento, necesitamos escribir Addivn Es el nombre del método. Después de eso, es necesario pasar dos parámetros. Yo, necesitas pasar por el parámetro de tres, pero por ahora, te voy a mostrar un parámetro. En nuestro primer parámetro, necesitamos pasar el nombre par. Recuerda, para el método click, solo necesitamos escribir kick, no en tick. Del mismo modo, para en mouse enter, solo necesitamos escribir mouse enter. Para el patada D Val, necesitamos escribir D Val ick. En nuestro siguiente parámetro, necesitamos pasar el nombre de la función. De lo contrario, puede crear la función inline. Si no quieres llamar a la función, puedes crear la función en esta línea. Necesitas escribir function que word, luego un brass, e insertar el crass, puedes pasar tu Empecemos la práctica y veamos cómo podemos usarla. De nuevo, vuelvo al lector de código VS Studio. Aquí voy a usar el método Add even listener, y voy a llamar a la función AVC Algunos quitan esta diapositiva, y voy a escribir, agregar incluso oyente Entonces necesitamos usar bases redondas, y aquí tenemos que pasar el parámetro total de dos. En nuestro primer parámetro, necesitamos pasar el nombre par, que es clave. Y en nuestro segundo parámetro, necesitamos pasar el nombre de la función, que es ABC. Si pongo este archivo y sobre mi cursor sobre estos calentadores, y prese, haga clic, como pueden ver, de nuevo, se está volviendo a genial a verde Así es como funciona. Como te dije, es un método muy popular porque usando este método, podemos agregar múltiples eventos en un elemento. Déjame mostrarte la demostración. Quiero duplicar esta línea y tipo Jamón, agregar virar, y nuestro incluso Nombres Ratón entrar Entrar con el ratón. Como te dije, si usamos este bathod, no necesitamos escribir el nivel completo de nuestro evento, solo queremos escribir mouse enter, no en mouse enter Ahora voy a crear una función inline. No quiero pasar ningún nombre de función aquí. Para eso, aquí necesitamos usar la función. Función. Dentro de la ronda ss, no quiero pasar ningún parámetro por ahora. Entonces necesitamos usar casos. Dentro del css, necesitamos pasar el estado. Al principio, quiero lijar el mismo elemento por su nombre i. Voy a copiar esta línea y pasarla dentro de los casos. Entonces quiero escribir la función de estilo de estilo de punto. Estilo, punto, y esta vez, quiero jugar con propiedad de frontera de esta línea. Así que para escribir style dot, border igual a I set the double code, quiero pasar diez peak cell, solid, y yo un borde azul, y H quiero pasar este semicon para terminar esta diapositiva y establecer este archivo Ahora quiero poner el cursor sobre esta porción de calentador. Si pongo el cursor sobre esta porción de calentador, puede ver, extiende nuestro peso de borde hasta diez píxeles Con eso, fijó un borde color azul. Ahora se ejecuta en el evento enter mouse. Si hago clic en él, al mismo tiempo, se puede ver que se ha vuelto de color verde. Después se ejecuta clic evento. Usando este método, al mismo tiempo, podemos agregar múltiples eventos. Ahora voy a mostrarte otro árbol. Aquí voy a usar el mismo evento en el mismo elemento al mismo tiempo. Pero para la tarea diferente. Así que para revisar en mouse enter y aquí, voy a escribir click de nuevo. Y voy a poner este archivo. Como puedes ver, ahora el color del borde es rojo y murciélago es de dos píxeles. Con eso, el color de fondo es gris. Si hago clic en él al mismo tiempo, y al mismo tiempo cambia el color de fondo. También, cambió el borde y un color. Este truco es posible si usamos solo este método, agregamos incluso oyente Ahora, déjame mostrarte otra cosa adversa. Aquí puedes ver, nos dirigimos a este encabezado de elemento, y asignamos el evento a este elemento, clave, y también le damos estilo al mismo elemento en nuestra función. Podemos usar un atajo y eliminar esta sección de un pelo, y voy a usar esta palabra clave. Este este borde de punto estilo punto. Esto significa el elemento al que nos dirigimos, y cómo apuntamos a la porción de encabezado. Usando esta palabra clave, podemos reducir algunos caracteres de ella. Si configuro este código y sobre mi curva en este encabezado se y hago clic en él, puede ver el mismo resultado. No va a afectar en nuestro resultado. Esto es para este tutorial. En el siguiente tutorial, vamos a hablar del tercer parámetro de la función add listener Gracias por ver este video. 70. Tutorial del método de JavaScript addEventListener, parte dos: Ya aprendemos cómo podemos usar el método add listener. Primero, necesitamos pasar el nombre del evento, luego tenemos que pasar el nombre de la función, pero hay otro parámetro, que es completamente opcional. El nombre del parámetro es use capture. Este parámetro escrito a cualquiera de false el. Ahora bien, ¿cuál es el significado de eso? Tratemos de entender cuál es el significado de eso. Aquí se puede ver a contenedor, exterior e interior. El primero es profundo exterior y el segundo es Ia D, y usted dijo, haga clic evento, tanto el D. Ahora bien, si hace clic en la sección inerte, se activa automáticamente el exterior de ti. Quiero decir, en ese caso, va a correr ambos eventos. Si quieres ejecutar el evento profundo interno, entonces quieres acabar con el evento profundo. En ese caso, es necesario utilizar el parámetro de captura de uso. Empecemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi visa a su editor de código y mi extensión de sizer de navegador, y ya creé un STL, y ya creé un índice de nombre de archivo STL a Con eso, creo un archivo JS strip main two dot JS. Como pueden ver, en mi navegador, tenemos exterior profundo y en D. Ahora voy a agregar a evento similar, tanto los deeps Y luego vamos a ver cómo podemos usar el parámetro de captura. Primero, voy a apuntar al elemento. Voy a escribir documento punto Q selector, dentro del rebaje redondo, p pasar el nombre del elemento, usando el ID. Entonces para escribir tiene etiqueta, y el ID Name es interno. Primero, apunto al elemento interior. Entonces voy a usar punto, y H voy a usar add even Lister, nuestro nombre del evento es click Y aquí, voy a crear la función inline, entonces escribe, función coma. Función, redondo ss. Es que la Cal ress estos punto estilo punto de fondo igual a y quiero color de fondo verde cuando haga clic en T. Verde. Entonces vamos a terminar esta línea. Si configuro este archivo, voy a dar click en esta sección interna, como pueden ver, se volvió de color verde. Quiero establecer este archivo y volver a la posición anterior. Al mismo tiempo, voy a agregar el mismo evento en nuestra sección profunda exterior. Quería escoger esta línea y quiero pasar exterior. Y quiero color de fondo. Y voy a poner este archivo. En estos programas, no usamos ni el último parámetro usamos captura. Primero, te voy a mostrar la demostración sin captura de uso. Voy a volver a configurar este archivo, y voy a dar click en una sección profunda. Cuando hago clic en en una sección profunda, como pueden ver, también es efecto en la sección profunda externa, para que quede claro, agreguemos al cuadro de Alerta dentro de este e. Hm escriba alerta y dentro del cuadro de Alerta, voy a escribir un d. D. Interior Para D exterior, voy a escribir, O D. voy a decir este archivo. Ahora bien, si hago clic en la sección profunda interna, como pueden ver, primero se ejecuta inerte D. Si presiono, entonces se queda sin D. Pero si paso el tercer parámetro, que es usar captura y pasar. Además, voy a pasar dos parámetros para nuestro exterior D. Cierto. Y voy a poner este archivo. Si hago clic en mi sección interior, ahora se puede ver al principio se le acaba una porción profunda. Si presiono bien, entonces se ejecuta en un De. Es posible cuando paso cuando pasamos valor verdadero, tanto el elemento. Si paso falso, tanto las funciones, déjame mostrarte así mer pass cae, también soy paso falso aquí. Cae y establece este archivo y da clic hacia fuera sección activa. Ahora puedes ver que ejecuta la función predeterminada. Primero ejecuta evento inactivo, luego se queda sin evento profundo. Este es el uso básico de este parámetro. Ahora, hablemos de nuestro último método, que es eliminar el oyente de eventos Como puedes ver, aplicamos click event multiple time en nuestra parte de encabezado. Nuestro primer evento de clic va a cambiar el color de fondo, y nuestro segundo evento cliick va a cambiar el estilo de borde Entonces, como puede ver, abrimos nuestro archivo de ejemplo anterior, y aquí lo usamos para hacer clic en eventos. Tan rápido, voy a quitar la segunda función. Y luego voy a cambiar el nombre par, y voy a cambiar a Mouse. Voy a establecer este archivo. Como saben, cuando usamos este evento, cada vez que pasamos el cursor sobre este elemento, y eliminamos el cursor, va a aplicar esta función. Déjame mostrarte. Voy a pasar el cursor sobre esta sección de encabezado. Si me quito el cursor, como pueden ver, cambió el color de fondo. Pero quiero eliminar este evento. ¿Cómo podemos eliminar este evento? Para ello, tenemos la función remove event listener. Nuevamente, voy a seleccionar la porción de encabezado, obtenemos esta línea. A H tie, agregar oyente de eventos y Hra usa otro evento, que es k. Y voy a llamar a una función diferente y nuestra función em es x y z Así que vamos a crear la función. Así que vamos a crear la función Función Harmony, x y ocho, luego latón redondo. Después dentro del craso, monotipo, documento, punto, consigue elemento por ID, y nuestra Presa se Copia esta porción y pegarla dentro del latón redondo. Punto, ahora, necesitamos usar la función, que es eliminar evento menor. Eliminar lisser de eventos. Aquí, tenemos que pasar el nombre par, qué evento quiero eliminar. Quiero eliminar este evento, Mouse. Entonces primero, tenemos que pasar el nombre par, que es Salto de ratón, así que copio el nombre par. los códigos dobles, quiero pasarlo, y luego tenemos que pasar el nombre de la función, y el nombre de la función es ABC, y smeg para terminar esta línea Así que después de establecer este archivo, me hooper mi cursor y elimino mi cursor de la porción de encabezado Ahora se puede ver, de nuevo, se volvió verde. Pero si configuro de nuevo este archivo, esta vez, voy a dar click en esta porción de encabezado. Quiero llamar al evento click. Después de presionar, haga clic en evento, y si quito mi cursor de esta posición, como puedes ver, oye, no es trabajo. Uy, hice una sllist porque paso el nombre de la función dentro de los códigos dobles No necesito pasar el nombre de la función dentro de los códigos dobles. Quiero volver a configurar este archivo. De nuevo, voy a mover mi cursor sobre esta porción de encabezado. Esta vez, voy a dar click. Oprima el click y si elimino mi cur de esta porción, como pueden ver, ahora el fondo no cambia el Este es el uso de remove even isder. Este método se utiliza para eliminar los pares. Como puedes ver, para eliminar el mouse evento en vivo, dijimos otro evento, que es click. Después de pulsar el click, va a llamar a esta función X Y ocho. En nuestro X Y ocho, utilizamos el método remove even istller. Este método va a eliminar este evento de esta función. Así es como podemos usar la función remove even litller. Gracias por ver este video, estado melodía para nuestro Lx to vio. 71. Tutorial de métodos de JavaScript: Hola chico es bueno verte de vuelta. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado con Java Script doom En este tutorial, vamos a aprender métodos de clase menos. En nuestros tutoriales anteriores, ya aprendimos un poco sobre el método de clase. Aprendimos sobre agregar Mthode y reboth. Aprendemos usando este bathod, cómo podemos agregar clase a un objeto También aprendemos cómo podemos eliminar clase de un objeto. Sin eso, hay muchos métodos como Togol contiene ítem lin Uno por uno, vamos a aprender todos estos métodos. Empecemos con el método add and remove. Como pueden ver, lado a lado, abro mi editor de código visa Studio y mi navegador usando la extensión Live Server, y ya creé un est y nombre del documento index dot HTM. Como puedes ver, en nuestra sección de encabezado, ya definimos una clase AVC Si te muestras este archivo de estilo, como puedes ver, el color de fondo rojo proviene de la clase ABC. Ahora quiero agregar una nueva clase cuando haga clic en esta porción de encabezado. Para eso, vamos a usar la lista de clases Mthons. Quiero agregar otro nombre de clase Y a este elemento. Pero antes voy a darle estilo a esta clase. Entonces aquí, voy a crear un nombre de clase x y, x y z, y tenemos color de fondo, verde. Voy a decir este archivo. Por ahora, no va a afectar a nada. Ahora es el momento de saltar al archivo indo JS. Aquí puedes ver que ya usamos el método de escucha de Aden. También uso clic Eben, y después de hacer clic en esta sección de encabezado, quiero llamar a la función AVC Por ahora, nuestra función está completamente en blanco. Ahora, después de hacer clic en esta sección, quiero agregar una nueva clase usando la lista de clases Mathod Para ello, necesitamos escribir document dot get element by ID header. Déjame mostrarte punto la lista de clases de nombre de método. Plus list, y n amo type plus lease dot add, y las rondas es Ama más el nombre de la clase, y la clase ellos es x y z Luego sub a esta línea. Ahora pasemos el archivo y hagamos clic en la sección de encabezado. Después de dar click en esta sección de encabezado como puedes ver, rellena el color de fondo con verde. Si te muestro mis elementos de consola, y si me ber mi sección de encabezado, puedes ver, agrega una nueva clase a nuestro elemento header, xyz, el color de fondo viene de esta clase. Usando una matemática, podemos agregar varias clases a la vez. Si presiono coma y luego paso otra clase, QW E y configuro este archivo y doy click en esta sección, como pueden ver en mi sección en, ahora tenemos otra clase llamada Así es como podemos agregar varias clases a la vez. Ahora te voy a mostrar ¿cómo podemos usar el método remove en la clase las? Voy a agregar dos clases más en nuestro documento estable. Voy a empatar x y ocho y E G, y voy a poner este archivo. Ahora vamos a llegar al archivo Mando JS. Para eso, necesitamos duplicar esta línea, y voy a comentar la anterior. Cómo voy a usar el método class dot remove. Vo, y quiero quitar X Y y EFG. Ja pase EF G, y voy a configurar este archivo. Después de hacer clic en esta porción de encabezado, quiero eliminar X Y y EFG Después de establecer este archivo, si hago clic en la parte de la cabeza, como se puede ver, de nuevo al color anterior. Es decir que quita XYZ. Si te muestro mi sección ele, ahora puedes ver que solo tenemos una clase AVC Elimino X Y y EFG, pero aún existe en nuestro documento ESTL ABC, x Y ocho, y EFG. Pero el método helpop glasslys, lo eliminamos ¿Cómo se aprende cómo podemos usar el método remove? Ya aprendemos cómo podemos usar el método add and remove. Ahora vamos a aprender cómo podemos usar el método toggle y length. Entonces comencemos lo práctico y veamos, ¿qué podemos hacer con eso? Como puedes ver, tenemos a tres clases en nuestro elemento, AVC, x y ocho, EFG, y para obtener la longitud de esta clase, imprimimos esta lista de clases en nuestra consola Por eso devuelve longitud. Pero ahora solo quiero devolver la longitud, no el valor, y el número de índice. Para eso, necesitas atar la función de longitud. Carril. Voy a establecer este archivo. Después de configurar este archivo, si hago clic en la sección de encabezado, ahora se puede ver el resultado. Escribía sólo tres, y como sabéis, asignamos a tres clases en nuestro elemento. De esa manera, podemos usar la función length. Ahora, hablemos del método Table. ¿Qué es eso y cómo podemos usarlo? Para este ejemplo, vamos a d al archivo estable de punto índice. De aquí, voy a quitar estas dos clases, x y ocho y EFG Ahora solo tenemos una clase en este elemento, ABC. Vamos d al archivo Mando JS. Aquí, voy a duplicar esta línea y desenterrar esta línea Aquí, voy a usar el método D toole. Algunos para escribir por último es punto toggle. En este método, quiero alternar solo una clase, en la x y z. Quito la segunda. Ahora la pregunta es, ¿qué significa eso? Si utilizo el método toggle y hago clic en este elemento en nuestro primer click, va a agregar esta clase. Si vuelvo a hacer clic, va a eliminar esta clase. Y si te muestro mi sección de elementos, déjame mostrarte y seleccionar elemento de encabezado. Como pueden ver, solo tenemos una clase, ABC. Pero si hago clic en esta porción, después de hacer clic en esta porción, ahora puede verla agregar x y ocho. Además, se puede ver que cambió el color de fondo. Si vuelvo a hacer clic, ahora puedes verlo quitar la clase, x y ocho, y aplicar otro color de fondo, que desde ABC. Puede eliminar una clase add usando el método togal. Ahora hablemos de otro método, que es I. En esta función, hay que pasar el índice, no la clase. Es mi error de mecanografía. Aquí tengo que pasar el número de índice. Comencemos la práctica y veamos cómo podemos usar la función item. Ahora, agreguemos dos clases más en nuestro archivo de estimación. Con AC, quiero agregar x y z. Con eso, quiero agregar EFG, y voy a configurar este archivo Entonces vuelvo al archivo JS de punto principal y. Primero, voy a comentar esta línea, no la necesito aquí voy a escribir last dot o function name item. Yo configuro la dirección es sólo para pasar el número de índice. Voy a pasar una. Después de establecer este archivo, si hago clic en esta sección de cabeza, se puede ver CT y sólo un nombre de clase, X Y. Pero se puede ver mi elemento. Tenemos un total de tres clases, AC x y ocho, y EFG Pero Harry especifica el número de índice usando la función item, uno. Por eso está escrito xyz. Si desea utilizar este método, debe proporcionar el número de índice de clase. Si pasas cero, entonces son diez ABC, y si pasas dos, entonces va a devolver EFG Ahora, hablemos de nuestro último método de clase, que es contiene. Este método siempre devuelve dos, true ya sea false. Si los nombres de clase existen en este elemento, va a devolver t. De lo contrario, va a devolver false. Empecemos la práctica a ver cómo podemos usarla. Como puedes ver en nuestro encabezado, tenemos que contar tres clases. Vamos a llegar a la aleta Minder JS y amet reemplazar el artículo con contiene Caín, dentro de la desnudez e insertar las comillas dobles, necesitamos pasar el nombre de la clase, y voy a pasar x y z Si configuro este archivo, y escojo en esta sección de encabezado, como puedes ver, es diez cierto porque estas clases existen en nuestro elemento. Si configuro este archivo, y escojo en esta sección de encabezado, como puedes ver, es diez cierto porque estas clases existen en Pero si paso un nombre de clase, que no es existir, tx Y. Y luego configuro este archivo y vuelvo a hacer clic en esta porción encabezada, ahora se puede ver que Stam cae porque esta clase no es existir en nuestro elemento La mayoría de las veces usamos este método con e condición, y de acuerdo al resultado, ejecutamos diferentes programas Esto es para este tutorial. Estos son los métodos de todas las clases que cubro en este tutorial En nuestro próximo tutorial, voy a cubrir el elemento padre y el método del nodo padre. Gracias por ver este video, Stium. 72. Tutorial de métodos de parentElement y parentNode: bueno verlos de vuelta chicos otra vez, estoy de vuelta con un nuevo tutorial relacionado Java script dom. En este tutorial, vamos a aprender los métodos de recorrido Hay 212 métodos que están bajo metón transversal, como elemento padre, nodo padre, canto, primer hijo, último hijo, ne hermano, hermano anterior, etcétera Todos estos métodos se utilizan para apuntar a elementos estables. Pero antes de comenzar la práctica, necesitamos entender qué son hermanos, elemento hijo, nodo padre, primer hijo, porque sin conocer lo básico, es muy difícil entenderlo. Supongamos que es nuestro objeto dom, H A es elemento padre, y BC DEF es elemento hijo de A. En el término javascript, podemos llamarlo nodo de lo contrario elemento Si preguntas quién es el primer hijo de A, entonces la respuesta es B, B es el primer hijo de A. Si preguntas quién es el último hijo de A, entonces F es el último hijo de A. Estos son todos hijos de un elemento. Ahora, todos estos elementos son hermanos, Bc D E A. Todos son hermanos. Si te pregunto, quien es el siguiente hermano de B, la respuesta es E, A es el siguiente hermano de D. Si te pregunto, quien es el hermano anterior de B, y la respuesta es C, C es el hermano anterior de D. Estos son los términos que necesitas saber antes de comenzar bro matemáticas transversales Si entiendes este sencillo gráfico, puedes entender todas estas matemáticas. Empecemos lo práctico y C, cómo podemos usarlo. En este tutorial, voy a cubrir solo dos elementos, elemento padre y nodo padre. Como pueden ver, lado a lado, abro mi editor de código visa studio y mi navegador usando la extensión Live several, y ya creé un documento estable llamado index dot est. Con eso, ya me palanqué archivo Min do JS, Min punto JS. Ahora está completamente en blanco. Se puede ver en la sección del cuerpo, tenemos una profundidad externa. Dentro de esta profundidad exterior, tenemos t interior. Dentro del tp interior, tenemos algunos elementos hijos. A, B, C, D, E, y en nuestra profundidad externa, establecemos una identificación externa. Similar a la profundidad interna, establecemos un ID interno. En el hermano hijo, también establecemos un ID llamado child C. Tenemos un total cinco d elemento dentro del contenedor interior Vamos a comenzar nuestra práctica con el modo padre y el elemento talento. Al principio, quiero apuntar a outer de usando inner D. Saltemos al archivo Java Skip y veamos cómo podemos hacerlo. Aquí quiero escribir documento punto obtener elemento por ID. Dentro del receso redondo, vamos a pasar la Presa, y la IDA es interior. Primero, quiero apuntar a la identificación interna. El área rosa es el área interior del elemento. Usando la ayuda del elemento interno, quiero apuntar al elemento exterior. Voy a usar el método de elemento padre, elemento padre, y voy a mover esta línea a una variable donde A igual a hacer punto obtener elemento por ID hacer elemento padre. Y ahora voy a imprimir esta variable en nuestra sección de consola. Tipo de sonido consola punto log, establecer la ronda presione nuestra variable. Luego semicon dos en esta línea Si configuro este archivo, puedes ver mi consola, está escrito, está escrito sección profunda externa. Si yo por mi cursor en esta sección, se puede ver que resalta la sección profunda exterior. Inner de parent es externo D. Pero, ¿quién es el externo de parent? Si selecciono el ID externo aquí, algunos se desmayan y quiero mostrar el elemento padre ID externo. Si configuro este archivo, puedes ver en mi consola, es cuerpo. El elemento padre del elemento externo es body. Ahora la pregunta es, ¿quién es el elemento padre del elemento cuerpo? Voy a duplicar esta línea y comentar la anterior. Voy a atar documento punto cuerpo punto elemento padre. Si configuro este archivo, ahora se puede ver en una consola, es este. ETL es el elemento padre definitivo de todas las etiquetas. Usando este método de focalización, podemos hacer cualquier cosa. Voy a comentar esta línea y descomentar esta, y volver a establecer este archivo Usando este método de focalización, podemos cambiar est interno, podemos cambiar de estilo. Podemos cambiar lo que queramos. Supongamos que quiero cambiar el color de fondo exterior. Quiero piquete esta línea y comentar la anterior. Y método de estilo de estilo de elemento principal H t. Y aquí quiero cambiar el color de fondo, fondo. Igual a, y quiero establecer la tasa de color de fondo. Si configuro este archivo, puedes ver el resultado. Como puedes ver, agrega un color de fondo a nuestra etiqueta et porque aquí pasamos elemento externo, y selecciona el elemento padre del elemento exterior, el elemento padre del elemento externo es STL Pero si paso el pelo interno, y luego configuro este archivo, ahora se puede ver, se ha cambiado el color de fondo del elemento exterior. Pero seleccionamos elemento interior. Usando el ID del elemento interno, nos dirigimos con éxito al elemento externo, y también aplicamos un estilo a este elemento exterior. Espero que no se establezca para usted, cómo podemos apuntar al elemento padre. Ahora quiero seleccionar el elemento interior usando la ayuda del elemento hijo. Si te muestro index et file, puedes ver Hay un elemento hijo nombre C. Y además establecemos un ID child C. Así que copia el nombre ID Ch C y de nuevo al archivo Mingo S, y ram para reemplazar inner con child C. Si configuro este archivo, ahora puedes ver, cambiamos con éxito nuestro color de fondo interno R. Ahora, vamos a rematar el otro comando, que es padre no. No hay demasiada diferencia entre el elemento padre y el nodo padre. Algunos duplican esta línea y aquelan la anterior. Haram tipo padre no. Padre de familia, no. Si configuro este archivo, como pueden ver, está escrito el mismo resultado. Pero la principal diferencia es, si usamos el elemento parent, y si el elemento parent no está disponible, entonces va a devolver null. Si usamos el nodo padre, y el elemento padre no está disponible, entonces va a devolver algo. Dejémoslo más claro. Voy a quitar la porción de estilo. Quiero devolver el nodo padre. Si configuro este archivo, ahora se puede ver en mi consola se escribe interno porque el padre de C hijo es elemento interno. Pero si llego a mi archivo index dot estim, como pueden ver, en nuestra etiqueta EstiML, hay un ID, A, y voy a copiar este Y de vuelta al archivo Min Do JS, y quiero pasar el nombre de identificación. Ahora quiero devolver el elemento padre de la etiqueta HTML. Después de establecer este archivo, como se puede ver está escrito el documento. No devuelve N nulo. Pero si paso elemento padre aquí, déjame mostrarte. Voy a replicar esta línea y comentar sobre la anterior y él a pasar elemento padre Si utilizo esta función, configuro este archivo, como se puede ver, se escribe nulo porque no hay un elemento padre de la etiqueta TML Esto es para este tutorial. En el siguiente tutorial, vamos a aprender niños y métodos infantiles. Gracias por ver este video, declarando. 73. Tutorial de métodos para niños y childNodes: Me alegro de verlos de vuelta chicos. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado con los métodos dom traversal En este tutorial, vamos a aprender los niños y el método del nodo hijo. En nuestro tutorial anterior, ya aprendimos sobre el nodo padre y el elimate padre Veamos, ¿cuál es la diferencia entre los nodos hijos y los nodos secundarios? Como pueden ver, lado a lado, abro mi editor de código Visa Studio y mi navegador usando la extensión Life Sever, y ya abrí mi documento est anterior, Archivo estable de punto índice Con eso, abrimos el archivo JS punto principal. Básicamente, usando este método, podemos apuntar a los hijos usando el nodo padre En nuestro tutorial anterior, nos dirigimos al nodo padre usando hijos. Pero en este tutorial, vamos a apuntar a los niños usando paren Déjame mostrarte la demostración. Primero, voy a apuntar al elemento exterior hijos. Aquí quiero pasar el nombre de identificación externo. Aquí quiero regresar a los niños. Quiero usar el método de los niños. Niños. Voy a establecer este archivo. Si te muestro mi consola, puedes ver mi consola, es st colección etable Aquí puedes ver mi consola, devuelve total dos hijos, H dos etiqueta y en una sección profunda. Si les muestro mi estructura estable, como pueden ver, dentro de la profundidad exterior, tenemos un total de dos hijos. En una sección profunda, y H dos etiqueta. Por eso es de dos elementos. Si apunto al elemento interior y quiero devolver toda la etiqueta child del elemento interior, aquí quiero atar interior. Y voy a poner este archivo. Ahora puedes ver en mi sección cs, está escrito total seis elemento, longitud seis. Nuestro primer elemento hijo es H dos tag, y otros cinco elementos son deep tag. Si quiero apuntar a los niños particulares, supongamos que quiero apuntar a C. Para eso, heroína a base cuadrada Yo puse la base cuadrada, tenemos que pasar el número de índice. Como puede ver el número de índice es tres. Entonces, para pasar tres aquí. Después de establecer este archivo, se puede ver el resultado. Está escrito este elemento hijo, C. Ahora, vamos a establecer un estilo a este profundo objetivo. Para eso, quiero contar esta línea y comentar la anterior Voy a revisar la variable en. Aro type Do dot git element por ID y los Doms y los dinams padre internos También pizarra el elemento hijo. Los niños ponen a los ases cuadrados tres. ¿Cómo necesitamos usar la función de estilo, Estilo punto de fondo. Y quiero establecer el color de fondo rojo. Entonces escribe igual al interior del doble tes rojo. Si configuro este archivo, puedes ver el resultado. Como puedes ver, aplica color de fondo rojo a nuestros terceros hijos. Si quiero imprimir el este interior de este elemento en mi consola, déjeme mostrarle que escriba children dot inner estim El conjunto de este archivo, como se puede ver en mi consola, es la impresión C. Este es el uso de los niños de metilo. Ahora hablemos de niño. Voy a comentar esta línea, y también, voy a duplicar esta línea y comentar la anterior. Aquí voy a atar papel infantil de punto. Voy a establecer este archivo. Ahora puedes ver en mi sección Coe, ahora puedes ver su longitud es de 13 Como puedes ver es con todos los vítores de la sección interior Pero como puedes ver en nuestro primer índice, es texto de citin. Ahora la pregunta es, ¿qué es eso? Si voy en la sección H dos, se puede ver que resalta esta sección. Pero si sobre sección de texto, no resalta nada. Ahora podrías tener quo, ¿cuál es el nodo de texto? De donde viene. Supongamos que si usa algún carácter como espacio completo en su código, entonces el nodo hijo también cuenta como un elemento. Déjame mostrarte eso. Vamos d al archivo de estimación de Ixode, y aquí, voy a comentar uno de los elementos D. Este D B, voy a st este archivo. Ahora puedes ver mi sección de consola, también está escrito el comin Si abro este comentario, como puedes ver, hay un atributo llamado Data También devuelve lo que hay dentro del comin. De igual manera, si abro nuestro índice cero, como pueden ver, un cierto carácter de línea nueva. Backslash ocho, Las lodas infantiles cuentan, todo. Similar al método children, podemos establecer cualquier texto en nuestro elemento. De lo contrario, podemos cambiar el color de fondo. De lo contrario, podemos aplicar cualquier estilo. Aquí sólo para pasar el número de índice. Si paso uno, entonces voy a pasar dentro de la base cuadrada, uno, y luego voy a aplicar el color de fondo estilizado, que es el rojo Copia esta línea. Y pegarlo aquí. Si configuro este archivo, puedes ver el resultado. Se aplica color de fondo rojo a este elemento de carga infantil. Se puede hacer de todo. ¿Qué se puede hacer con el método de los niños? Pero la principal diferencia es que carga infantil cuenta todo como un elemento. Esta es la diferencia básica entre estos dos métodos. Gracias por ver este video, estado melodía para nuestro próximo a. 74. Tutorial de métodos de JavaScript firstChild y lastChild: Me alegro de verles chicos. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado con el método dom taversal En este tutorial, vamos a aprender el método del primer hijo y el último hijo. En nuestro tutorial anterior, ya aprendemos sobre el nodo padre y los nodos hijos. En este tutorial, vamos a aprender sobre primer hijo, primer elemento hijo y último hijo. También último elemento hijo. Sin perder su tiempo, vamos señor práctico y veamos cómo podemos usarlo. ¿Puedes ver una tabla dom, y A es nuestro elemento padre, y BC DEF es el elemento hijo de A. Si te pregunto quién es el primer hijo del elemento A, entonces B es la respuesta B es el primer hijo del elemento A. De igual manera, si le pregunto, quién es el último hijo de Un elemento, es A. A es el último hijo del elemento A. Entonces, comencemos la práctica. Como pueden ver, lado a lado, abro mi editor de código visa studio y mi navegador usando la extensión Live Server, y ya creé un Stable document name index dot Stable. Además, se puede ver en mi etiqueta corporal, tenemos exterior abeja inerte dev y algunos niños devs También vinculamos un archivo JS con este archivo estable. Min do Js. Al principio, quiero devolver el primer elemento hijo de esta D. inerte Al principio, voy a quitar estas líneas innecesarias. No lo necesito. Y después quiero seleccionar, documentar u obtener elemento por ID interno. Nos dirigimos a nuestro elemento interior. Entonces voy a usar nuestro nombre de función, que es primer elemento hijo. Así etiquetar primer elemento hijo. Si configuro este archivo y te muestro por qué consola, va a devolver la etiqueta S dos. Déjame mostrarte. Si te muestro por qué sección de consola, como puedes ver, está escrita interior. Estar encabezando dos es el primer hijo del elemento interior. Se puede ver la etiqueta S dos dentro del elemento interior. Después de apuntar a este elemento, podemos hacer cualquier cosa con eso. Supongamos que quiero devolver STL interno. Tecleamos punto interior STML. Si pongo el suelo, se puede ver mi consola, re esta palabra clave interior. Además, puedes agregar cualquier estilo a este elemento. Supongamos que quiero agregar un fondo, fondo punto estilo punto. Igual a y quiero color rojo. Si configuro este archivo, puedes ver el resultado. Agrega color de fondo rojo a esta etiqueta S two. Recuerde, el primer elemento hijo siempre apunta a la primera etiqueta STML En el sentido contrario, tenemos otra función, que es st elemento. Así que duplique esta línea y comente la anterior. Y Herm tipo t elemento ch. Si configuro este archivo, puedes ver el resultado. Agrega color rojo de fondo a nuestro último elemento, que es E. E es el último hijo de en una D. Ahora, vamos a sacar otro método, que es el primer hijo. Entonces, para escoger esta línea y comentar la anterior. Si selecciono primer hijo son sumo tipo punto, niño, y smog para terminar esta línea, y establecer este archivo, como se puede ver es st texto Escribía un nodo de texto. Si abro el nodo de texto, como se puede ver dentro de los datos, tenemos nuevo carácter de línea. Es decir que usamos el carácter enter para una nueva línea. Ahora, H dos no es el primer hijo de este elemento interior. Ahora el primer hijo es el enter entre interior profundo y H dos tag. Quiero decir que esta función cuenta todo tipo de elemento como hijo. Sea cual sea el personaje que uses, cuenta como un niño. Esta fue la diferencia básica entre el primer hijo y el primer elemento hijo. Primer elemento hijo, siempre escrito la primera etiqueta este. Pero el primer hijo siempre devuelve el primer personaje. Si usas algún espacio, de lo contrario, nueva línea, en ese caso, cuenta como primer carácter. En nuestra conferencia anterior, ya nos enteramos de ello. También cuenta el comentario como un elemento. Ahora hablemos de nuestra próxima función, que es el último hijo. Voy a escoger en esta línea y comentar la anterior. Aquí, voy a empatar Último hijo. Si pongo este salvaje, se puede ver el resultado. Nuevamente, está escrito un nodo de texto. Si abro este nodo de texto, como pueden ver la base de datos es nueva línea. Si quieres aplicar algún estilo a este elemento, no es posible porque estos personajes son invisibles. Si intentas hacerlo con fuerza, entonces va a devolver una flecha. Déjame mostrarte. Voy a aplicar estilo a este último elemento. Este último hijo. Anuncio de tierra Dat de punto estilo D. Si configuro este archivo, como pueden ver, en mi consola, es s error de tipo error No podemos darle estilo a los nodos de texto. Déjame mostrarte otro ejemplo de la primera niña Beth Hood. Voy a comentar esta línea y descomentar línea anterior Y aquí voy a cambiar este selector, y voy a usar este selector, hijo C. quiero pasar este ID. Si quiero devolver el primer hijo del elemento C hijo, después de establecer este archivo, puedes ver en mi consola, está escrito el carácter C. Porque si te muestro mi índice Dot un archivo estable, como puedes ver, dentro de este de elemento, tenemos un solo carácter. C. No hay espacio, hay nuevo carácter de línea. De igual manera, si me devuelvo el último niño aquí, algunos para escribir, algunos para picar esta línea y comentar de la anterior, y aquí quiero pasar Último hijo. Último hijo, como pueden ver, nuevamente el personaje de Stan C. Espero que ahora estos conceptos sean claros para usted. Gracias por ver este video, Ste sintonice para nuestro próximo tutorial. 75. JavaScript nextTutorial de métodos de hermanos y anteriores: Este, bueno verlos de vuelta chicos otra vez estoy de vuelta con un nuevo tutorial real ted dom traversal methods En esta truial, vamos a aprender siguiente hermano y hermano anterior En nuestros tutoriales anteriores, aprenderemos sobre el nodo padre, nodo hijo, los hijos, el primer elemento hijo, etcétera En este tutorial, vamos a cubrir el siguiente elemento hermano, siguiente hermano, elemento anterior hermano, hermano Antes de comenzar la práctica, tratemos de entender cuál es la diferencia entre el hermano siguiente y el hermano anterior Aquí puedes ver un gráfico dom. A, A es el elemento padre y BC DEF es el elemento hijo de A, y todos estos son elementos hermanos Si te pregunto, quien es el siguiente hermano del elemento D, y la respuesta es A, E es el siguiente hermano del elemento D. Si te preguntamos, quien es el hermano anterior de D, y la respuesta es C. Esa es la diferencia básica entre estos dos elementos, siguiente y anterior Si quiero encontrar al hermano anterior del elemento B, como pueden ver, no hay hermano previo del elemento B, sino que está el siguiente hermano del elemento B, que es C. Sin perder el tiempo, que es C. Sin perder el tiempo, comencemos la práctica y tratemos de aclarar el Como pueden ver, lado a lado, abro mi editor de código visual Sudio y mi navegador usando la extensión Life Server, y ya creo un documento STL llamado index dot HTML Como puedes ver en mi navegador, hemos descubierto De inner De y algunos elementos hijos Ya estás familiarizado con esta estructura. Vamos a saltar al archivo Mando JS. Al principio, vamos a comenzar con el siguiente elemento hermano. Como puedes ver en mi Mando J five, ya apuntamos a este elemento, este elemento C, usando su ID, hijo C. Si te muestro mi archivo STL Index dot, puedes ver el nombre ID Niño C. Aquí voy a atar Siguiente elemento hermano. Siguiente elemento hermano, y voy a establecer este archivo. Después de establecer este archivo, como pueden ver, Sten nuestro siguiente elemento, que es D. Del mismo modo, si escribí sib anterior, algunoplicar esta línea y comentar la anterior y para escribir el elemento anterior y para escribir el elemento anterior Elemento anterior hermano. Después de establecer este archivo, se puede ver que es diez elemento B, éste. Usando esas funciones, podemos apuntar elemento anterior, de lo contrario, al siguiente elemento. Después de apuntar a este elemento, también podemos aplicar estilo. Déjame mostrarte. Aquí escribe estilo de punto, haz fondo. Igual a e establece la tasa de cos doble. Después de establecer este archivo, se puede ver el resultado. Como puedes ver, agrega color rojo dground al elemento anterior Además, si quieres devolver el estel de este elemento, sí, puedes Apenas en atar.en un estel. Si configuro este archivo, puedes ver mi consola, es retorno sobre el personaje. B, y ahora quiero devolver el siguiente elemento hermano del elemento E. Para eso, estoy de vuelta al archivo índice punto estim, y voy a establecer un ID a este elemento ID igual a hijo E. Y voy a decir este archivo. Aquí voy a escribir E, y quiero devolver al próximo hermano de este elemento Aquí voy a escribir siguiente elemento hermano. Si configuro este archivo, como tú en la consola, es ton nulo. Porque después del elemento e, no hay elemento hermano Por eso es ton nulo. Si quieres aplicar algún estilo, entonces va a devolver flecha en nuestra consola, porque no hay elemento después del elemento E. Estos dos métodos se utilizan para apuntar al elemento. Pero nuestros dos siguientes métodos pueden apuntar a cualquier cosa. Puede apuntar a nodos de texto, lo contrario comentarios, etcétera Ya estás familiarizado con eso. Ahora voy a usar el siguiente método hermano y el método hermano anterior De nuevo, voy a dictar esta línea y comentar la anterior, y voy a empatar a hermano anterior Revers syning. Si configuro este archivo, como puedes ver en mi navegador, es texto escrito. Está escrito un nodo de texto, y como puedes ver, está escrito un carácter de nueva línea Si eliminas el nuevo carácter de línea entre D y E, entonces vas a devolver el elemento D en mi consola. Si trato de eliminar el carácter de nueva línea y si configuro este archivo, por ahora, no va a funcionar para mí. Porque mi editor de código vis studio automáticamente pritify mi código y agrega una nueva línea para terminar con este elemento estable Si configuro este archivo, como se puede ver añadir una nueva línea. Por eso de nuevo se escribió modo texto. De alguna manera, si se puede eliminar el carácter de nueva línea de esta línea, en ese caso, va a devolver el elemento De la misma manera, el siguiente método hermano funciona. Si escribo, siguiente hermano tenía, hermano siguiente, y luego establecer este archivo, como se puede ver, de nuevo, se escribió lode texto Porque esta función puede contar carácter, espacios, momentos, como un nodo javascript. Por eso ton ticks. 76. Tutorial de createElement y createTextNode: Hola, chicos, me alegro de verles de vuelta. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado Java scrip dom En este tutorial, vamos a aprender Dom create methods. Básicamente, en JavaScript, tenemos un total de tres métodos de creación. Crear elemento, crear nodo de texto, crear comentario. Tratemos de entender estos métodos. Supongamos que desea agregar una etiqueta de estimación en su documento, usando JavaScript. Desea agregar una nueva etiqueta de párrafo en su documento. Puedes agregar cualquier etiqueta que quieras. Para poner una etiqueta en tu página de estimación, necesitas usar un método, y el nombre del método es create element. Si quieres escribir texto en tu documento estim, para eso, necesitas usar este método Crear nodo de texto. Supongamos que desea agregar este texto en su documento. Para eso, necesitas usar este método. Crear veta de texto Si quieres agregar un comentario en tu página de estimación usando la Ayuda de JavaScript para eso, necesitas usar este método, crear comentario. Empecemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código visa Studio y mi navegador usando la extensión Light Server. Ya creo un documento de estimación llamado index dot Stable. Dentro de este documento de estimación, tenemos una etiqueta de rumbo. Perro crear Mthods. También nos vinculamos con un archivo JavaScript, Dong crear punto JS. En este archivo JavaScript, voy a usar todos los métodos create. Primero, vamos a crear un elemento en nuestro documento. Aquí voy a crear una variable. Y nuestro nombre de variable es nuevo elemento. Igual al documento punto punto y nuestro nombre de método, que es crear elemento, crear elemento. Crear elemento dentro del hueco redondo, dentro de los códigos dobles, y dentro de los códigos dobles, necesitamos pasar el nombre de la etiqueta, que es el párrafo, P, y Sebgor a esta diapositiva Entonces quiero imprimir esta variable en mi consola. Aquí, voy a escribir console dot log, digo la ronda ss o variable, nuevo elemento, nuevo elemento. Entonces seg dos esta línea. Son spt este archivo, yo te muestro mi consola, como puedes ver, imprimir nuestro nombre de etiqueta, P. Del mismo modo, si quieres crear etiqueta diferente, supongamos que quieres patear S para etiquetar Para eso, necesitas escribir S dos en los códigos dobles, y necesitas configurar este archivo. Como puedes ver, crea rumbo a etiqueta. Puedes crear cualquier elemento et usando este método, create element. Ahora te voy a mostrar ¿ cómo podemos crear nodo de texto? Para eso, voy a tomar otra variable, esa y la variable es nueva, nuevo texto, igual a, voy a llamar a nuestro nuevo método, que es crear nodo de texto. Punto de documento crear nodo de texto. Entonces dentro de la prensa redonda y dentro de la cita, necesitamos pasar el texto y seguir para pasar Tener el mundo. Y anotar dos en esta línea. Voy a establecer este archivo. Antes de configurar este archivo, también, voy a imprimir esta variable en mi consola. Yo repito esta línea y aquí voy a pasar nuevo texto Si configuro este archivo, como pueden ver en mi consola, se imprime el texto, hola mundo. Aquí puedes insertar miles, miles de personajes tanto como quieras. Ahora te voy a mostrar cómo podemos agregar comentario a un documento estim usando la ayuda de Java Screen De nuevo, voy a crear otra variable que y nuestro poder es nuevo comentario, nuevo comentario. Igual a documento punto comentario, crear comentario insertar los códigos dobles, justo en para escribir el comentario No necesitamos usar ningún signo mayor que el signo de otro modo de exclavación. Por ahora, voy a escribir esto es comentario. Y luego voy a imprimir esta variable en mi consola. Quería escoger esta línea y aquí para pasar nuevo comentario. Nuevo comentario. Después paso este archivo, como puedes ver mi consola, es impreso, esto es comentario. Aquí puedes ver el este comentario, menos que signo, signo esplal, d, esto es comentario, y g un signo Como puedes ver usando JavaScript, podemos crear este elemento, texto, comentario, et c. En el siguiente turial, vamos a insertar este nodo de texto dentro de este elemento Esto es por esta sutural. Gracias por ver este video, estatua. T 77. JavaScript appendChild e insertBefore: Hola chicos, me alegro de verles de vuelta. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado Java script dom. En este tutorial, vamos a aprender Java script dom Apen Mthods Básicamente, en JavaScript, hemos sumado dos métodos Apen APN chan e inserte antes. Veamos, ¿qué podemos hacer con eso? En nuestros tutoriales anteriores, aprendemos cómo podemos agregar elemento ESTEML en esta página usando JavaScript Para eso, utilizamos el método del elemento Pt, y también aprendemos cómo podemos agregar texto en esta página usando JavaScript, con la ayuda de crear texto no. Ahora la pregunta es cómo podemos unir este texto con este elemento. Quiero mover este texto dentro de este paragrama, cómo podemos adjuntarlo con un elemento Eso, Java Strip introduce un metodo especial, que es un niño de pluma Usando este método, podemos agregar texto con un elemento. No sólo eso, usando este método, también podemos adjuntar este elemento con otro elemento Empecemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro por el editor de código de Visual Studio y mi navegador usando la extensión Live Server, y ya creo un documento estable llamado index dot Stable. También vinculo un archivo JavaScrip llamado M DoJ. Aquí puedes ver, creamos un elemento profundo, y también estilizo este elemento profundo. Ponemos hide we, padding y margin. Y si te muestro mi archivo JS punto principal, como puedes ver, ya creamos un elemento usando heading to tag. Con eso, también creamos texto hola mundo. Si te muestro w consola, como puedes ver, tenemos rumbo a etiquetar y el nodo de texto, hola mundo. Ahora necesitamos adjuntar este texto con este elemento. Necesitamos agregar este nodo de texto en este elemento. Para ello, necesitamos usar el método append. Aquí voy a escribir la M, que es nuevo elemento, nuevo elemento. En este nuevo elemento, quiero anexar el nodo de texto. Voy a escribir punto Apen un niño de pintura. Dentro del receso redondo, necesitamos pasar la variable m, que quiero una pintura, y quiero pintar nuevos impuestos. Copio la variable m, y la voy a pegar aquí. Voy a fijar esta diapositiva. Si configuro este archivo y te muestro mi consola, como puedes ver, anexa el lote de texto en nuestra nueva sección de elementos, que está encabezando dos Es acertado agregar el sabor dentro de la rúbrica dos. Ahora quiero mostrar el encabezado dos dentro de este elemento profundo. Para eso, de nuevo, voy a usar el método Append. Dentro de este Dan profundo, voy a anexar el elemento. Si te muestro mi archivo índice doe estable, como puedes ver, hay una D con nombre de identificación gusto Voy a copiar este nombre de identificación. Les eso al archivo Min DoS. Ho type, después de Append Methode con nuevo elemento, A type document dot get element by ID dentro de la ronda ss, necesitamos pasar el ID name, que es taste Entonces voy a usar el método, un niño con dolor, un niño de pintura. Entonces dentro de la base redonda, aquí quiero anexar el nuevo elemento Copia el nombre de la variable nuevo elemento, y voy a pegar dentro de las bases redondas. Sub en esta línea. Después paso este archivo, se puede ver en mi navegador, se imprime hola mundo. Se añade el elemento en nuestro contenedor profundo. Si inspecciono esta sección, como pueden ver, dentro de esta profundidad, tenemos un elemento, H dos, y es print hello world. Pero si te muestro mi punto índice Archivo estable, como puedes ver, no hay nombre de elemento H dos. Además, no hay texto, hola mundo. Como puedes ver cómo podemos usar append method función dos veces Primero, agregamos este texto en este elemento. Después agregamos este elemento en este elemento profundo. Es así como podemos crear nodo de texto de otro modo elemento y podemos adjuntarlo con el elemento existente. Recuerde, este método append siempre agrega el elemento, lo contrario nodo de texto, final del nodo padre. Déjame mostrarte. Aquí, voy a añadir algún párrafo. Voy a usar etiqueta P, párrafo, y mo escriba algún texto, nivel diez. Se va a agregar diez palabras de oración. Después de paso este archivo, como se puede ver, aquí se puede ver después de fin de este párrafo, se agrega el elemento a. Recuerda, un método de pluma siempre agrega el elemento y la última posición. Si quieres agregar este elemento antes del párrafo, para eso, tenemos otro método, que es insertar antes. Ahora quiero mover este encabezamiento antes del párrafo. Déjame mostrarte cómo podemos usarlo. Quiero en esta línea y comentar la anterior. Hm para atar inserto inserto D cuatro. Entonces en cambio la desnudarse, tenemos que pasar el parámetro total de dos Primero en nuestro primer parámetro, necesitamos pasar el nombre del elemento, qué elemento quiero apentar en nuestra profundidad, y quiero apentar este elemento, nuevo elemento Copio este nombre de elemento y voy a pegarlo aquí. C ahora necesitamos pasar la posición, donde quiero anexar este elemento Pero antes de pasar el segundo parámetro, voy a crear el target de este elemento padre. Tipo Hm, documento punto obtener elemento por ID, dentro de las carreras redondas gusto. Voy a asignar este objetivo en una variable. Entonces escribe dónde y nuestro objetivo de variables. Objetivo igual a esta ubicación. Ahora voy a reemplazar este vector con esta variable target. Voy a escribir target dot insert antes, dentro de las carreras redondas nuevo elemento. Ahora en nuestro segundo parámetro, voy a escribir target dot. Y voy a precisar la posición. Dentro de la prensa cuadrada, voy a escribir z. Es media quiero poner este nuevo elemento antes del índice cero. Si configuro este archivo, ahora se puede ver en mi profundidad, se mueve el nuevo elemento antes del paragrap Si te muestro mi sección de elementos, como puedes ver, primero imprime nuevo elemento, luego nuestra paragra Así es como podemos usar insert antes de Mthd. Espero que ahora esté claro para usted, cómo podemos usar un método de pene e insertar antes método Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 78. Tutorial de JavaScript insertAdjacentElement e insertAdjacentHTML: Hola chicos, me alegro de verles de vuelta. Nuevamente, estoy de vuelta con un nuevo Tutorial relacionado Java strip doom En este tutorial, vamos a aprender script Java, insertar métodos adyacentes. En nuestro tutorial anterior, aprendemos dos métodos Javascript apen, APNChan e Se utiliza para anexar elemento existente y nodo de texto a un elemento padre A Penhild siempre coloca el elemento en la última posición. Para usar Insertar antes, necesitamos especificar una posición. Y este método, anexar el elemento antes de la posición especificada Ya lo aprendimos en nuestro tutorial anterior. Después de eso, tenemos insertar elemento adyacente, insertar adjustin ESTml, e insertar texto adyacente Este tres método también se utilizó para anexar el elemento. Pero hay una diferencia entre este tres metodo y este dos metodo Nuestros dos métodos anteriores solo se utilizan para fines appen. Se puede anexar el elemento existente, lo contrario, elemento de texto en el elemento pain No puede crear el elemento. Se utiliza sólo para anexar el elemento, pero nuestros tres últimos métodos pueden crear el elemento, también anexar Quiero decir si usas estos métodos, Entonces no necesitas usar create element method y create text node method. Antes de comenzar la práctica, tratemos de entender cuál es la diferencia entre todos estos tres métodos. Supongamos que desea crear una etiqueta de estimación con el mismo tiempo, desea anexarla. Quiero crear esta etiqueta de párrafo al mismo tiempo quiero agregarla. Para eso, necesitamos usar este método. Insertar ajustar un elemento. Si usamos este método, al mismo tiempo, se crea el elemento, también, se anexa el elemento Pero si quieres crear etiqueta y nodo de texto al mismo tiempo, en ese caso, necesitas usar este método. Insertar adyacente St. Aquí puedes ver, creamos un párrafo, también insertamos el nodo de texto dentro de este párrafo. Usando este método, podemos crear nodo de texto, podemos crear elemento. También podemos anexar el elemento. Podemos hacer tres pruebas a la una. Si quieres crear un nodo de texto simple, para eso, para eso, para eso, para eso, puedes usar el método insertar texto adyacente Este método puede crear el texto, además, puede doler los textos. Ya estás familiarizado con eso. ¿Qué puedo hacer con estos métodos? Con eso, también podemos proporcionar una posición específica. Entonces, intentemos entender la posición donde podemos posicionar nuestros elementos y nodos de texto. Las posiciones son antes de comenzar, después de comenzar, antes de fin, y de una a ocho. Tenemos un total de cuatro posiciones diferentes. Tratemos de entender más claramente las posiciones. Supongamos que tenemos un contenedor profundo. Dentro de este contenedor profundo, tenemos una prueba. Ahora necesitamos crear este nodo de texto con H un elemento, y también necesitamos agregar este elemento dentro de esta profundidad Ahora bien, si uso antes de comenzar posición, en ese caso, va a anexar el elemento antes del inicio profundo Si utilizo después de la posición de inicio, en ese caso, entonces va a anexar el elemento en la primera posición dentro del contenedor Si utilizo después de la posición final, entonces va a anexar el elemento después del final de este contenedor Si usas antes de la posición final, en ese caso, va a anexar este elemento en esa posición Dentro de este contenedor dep, lo va a posicionar en último lugar Así es como podemos usar esta posición. Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código Visa Sudo y mi navegador usando la extensión Live Server, y ya creé un est document name index dot estel Con eso, creo un archivo JavaScript, Puerta principal JS También vinculo este archivo con esta página estable, Min puerta Js. También, pueden ver, tenemos un elemento profundo en nuestra etiqueta corporal, y le puse una identificación a este elemento profundo, que es el gusto, y dentro de este elemento profundo, tenemos un paragrap Vamos a comenzar nuestro práctico inserto de ancho ajustar un elemento. Vamos a saltar al archivo principal de DGS. Para eso, voy a crear un elemento. Aquí voy a atar y nuestro nombre de variable es nuevo elemento, nuevo elemento igual a aquí, voy a crear un elemento heading. Aquí cantidad de tipo, documento crear elemento, crear elemento. Dentro de la prensa redonda, quiero crear un elemento encabezado dos. Él presiono H dos. Después anotar dos esta línea. Ahora voy a crear un nodo de texto porque necesitamos insertar el nodo de texto dentro de este elemento de encabezado. Dobladillo y nuestra variable es nuevo, nuevo texto, igual al punto del documento, crear nodo de texto, Crear nodo de texto. Es la prensa redonda, voy a pasar un impuesto aleatorio. Voy a escribir hola. Y semicl dos en esta línea. Creamos un elemento y un nodo de texto. Ahora necesitamos appen este nodo de texto dentro de este elemento. Pero antes voy a explicar lo que es insertar elemento adyacente, y ahora necesitamos crear un target. Primero, voy a crear un target. Quiero apuntar a este elemento profundo. Si te muestro mi archivo ester punto índice, como puedes ver, en esta profundidad, establecemos un ID ID gusto. Copio el nombre de identificación gusto y vuelvo al archivo DoS principal y Jamón para escribir y nuestro Nombre es objetivo. Igual a documentar que obtienen elemento por ID, dentro de las carreras redondas, nuestro ID name fates y semicon dos en esta línea Creamos el elemento target, ¿por qué quiero despreciar este elemento H dos Ahora voy a usar insertar elemento adyacente. Así que para escribir punto objetivo insertar elemento adyacente dentro de las rondas dentro de los dobles, H ¿necesitamos pasar dos parámetros. Primero, tenemos que pasar la posición. Dónde queremos poner el elemento. Voy a asignar el puesto y voy a escribir antes de comenzar. En nuestro segundo parámetro, necesitamos pasar el nombre del elemento. Aquí estoy para escribir nuevo elem. Copia el nuevo elemento variable, y voy a pegarlo aquí. Y suegra a esta línea. Si configuro este archivo, no va a reflejarse en nuestra página web porque no agregamos el nodo de texto en este elemento Pero si te muestro mi sección de elementos, puedes ver dentro de este cuerpo. Antes de este elemento, tenemos H dos elementos. Si te muestro mi archivo ST indexado, como puedes ver, antes del elemento deep, no tenemos ningún elemento H dos Tenemos H un elemento. Pero en mi sección de elementos, puedes ver el nombre del elemento, H dos, y ahora voy a anexar este nodo de texto en este elemento Para eso, necesitamos atar nuevo elemento punto, necesitamos usar append child method, append child dentro de los versos redondos, el nombre de la variable, nuevo texto Sebago para terminar esta línea. Si configuro este archivo, ahora puedes ver el resultado. Ahora lo puedes ver en mi navegador. Se anexa el nuevo elemento antes de este de elemento. Ahora puedes ver que nuestro elemento está fuera de este elemento. Pero si cambio la posición, soft brict esta línea y comento hacia fuera la anterior, y brazo tipo arriba para comenzar Después de comenzar. Si configuro este archivo, puedes ver el resultado. Ahora se está agregando nuevo elemento, inicio de esta D. Ahora voy a hablar de nuestro nuevo método, que es insertar junto a Stem Para este método, sólo se crearía un elemento sL y un nodo de texto. Voy a comentar ambos de esta línea. Además, no necesito un método pin child. Voy a comentarlo otra vez. Solo necesitamos el elemento target y nuestro método. Ahora voy a llamar al nombre del método. Tipo Hm, apunte al inserto adyacente STL. Entonces para reemplazar elemento con STML. Entonces entonces en nuestro primer parámetro, necesitamos pasar la posición. En nuestro segundo parámetro, necesitamos pasar el elemento y el nodo de texto a la vez. Déjame mostrarte. Dentro de los códigos dobles, voy a escribir H dos. También cierra esta t, H dos. Y aquí voy a escribir hola mundo. Y voy a poner este archivo. Después de configurar este archivo, como pueden ver, está escrito el mismo resultado. Simplemente usando este método, podemos crear el nodo de texto, podemos crear el elemento. Además, agregamos el elemento en esta posición. Inserte con éxito este elemento en esta posición. Este es el uso de insertar método estable adyacente. Al principio, apuntamos al elemento de y lo almacenamos en esta variable name target. Después aplicamos este método a esta profundidad y y en esta función, primero, pasamos la posición, luego pasamos el nodo de texto y el elemento. Si quieres cambiar la posición, sí, puedes. Entonces escribe después de n. Después de establecer este archivo, puede ver el resultado. Ahora está en el elemento hasta el final de esta profundidad. On by one, puedes consultar las posiciones. Entonces, si usamos este método, podemos patinar esta línea de tres. Este es el beneficio de usar este método. Insertar mesa adyacente. No necesitamos crear el elemento, no necesitamos crear el nodo de texto, y tampoco necesitamos agregar el nodo de texto en este elemento Podemos hacer lo mismo en una sola línea. Ahora, hablemos de nuestro último método, que es insertar texto adyacente. Básicamente, esta función crea nodo de texto y lo anexa, nada más. Voy a duplicar esta línea y comentar la anterior. Hm para escribir insertar texto adyacente. En nuestro segundo parámetro, voy a pasar un texto sencillo, hola mundo, no el nombre del elemento. Si configuro este archivo, puedes ver el resultado. Aquí se puede ver después de fin de esta profundidad, agrega el texto, hola mundo. Si te muestro mi sección de elementos, y sección de cuerpo, como puedes ver, después de fin de esta profundidad, agrega el texto, hola mundo. Este es el uso de todos estos tres insertos matemáticos. Espero, ahora está claro para ti. Si quieres cambiar la posición uno por uno, en tu primer parámetro, puedes cambiar la posición. No quiero que este tema sea más complejo. Quiero que sea tan simple como eso. En el siguiente tutorial, aprenderemos cómo podemos reemplazar el elemento existente. También podemos eliminar el elemento existente. Esto es para el tutorial, estado de sintonía para nuestro próximo tutorial. Gracias por ver este video. 79. Tutorial de JavaScript replaceChild y removeChild: Hola, chicos, bueno embolsar. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado dom. En este tutorial, vas a aprender a los métodos de tira de Java. Reemplace al niño y retire al niño. Si desea reemplazar y eliminar etiqueta TML usando Java Script Para eso, necesitas usar esos métodos. Reemplace al niño y retire al niño. Empecemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código de Visual Studio y mi navegador usando Live Server Extension. Ya creo un documento ESTL llamado index dot Stable. Dentro de este documento, como puedes ver en nuestra etiqueta corporal, tenemos etiqueta UL. Significa lista desordenada, y tenemos un total de cuatro elementos de la lista. Todos estos son nombres de pies, naranja, manzana, uvas y plátano. Al principio, quiero reemplazar nuestro primer elemento de la lista por otro nombre de pie. Como puedes ver en nuestro primer ítem de lista, tenemos naranja. Volvamos al archivo Min DOJs. Al principio, voy a crear una nueva etiqueta LI. Voy a crear el nuevo elemento. Entonces escribe eso y nuestro mismo que nombramos es nuevo elemento. Nuevo elemento. Entonces igual a documento que crear elemento dentro del rebaje redondo, o nombre del elemento, que es elemento de lista, L, y ahora necesitamos crear el texto. Quiero decir nodo de texto. Aquí voy a escribir o muy nombre es nuevo texto, nuevo texto. Igual al punto de documento crear nodo de texto, nodo de texto, dentro del receso redondo dentro del doble cos, por ahora, voy a escribir un nombre de pie, y el nuevo nombre de pie es hombre. Ahora, necesitamos agregar este modo de texto en este elemento. Como ustedes saben, para eso, necesitamos usar el método Apenhild. Tipo Hm, nuevo elemento punto anexar. Es que la ronda res es, el nombre de la variable, que es texto nuevo. Y subg dos en esta línea. Ahora necesitamos apuntar al nodo padre desde donde queremos eliminar la lista de él. Como puede ver, tenemos un ID en nuestra lista de nodos padre. Copie la lista de nombres de identificación y vuelva al archivo Mando JS. Ahora voy a crear la variable target, y nuestro nombre de variable es target. Igual al documento ir a obtener elemento por ID. Pongo la prensa redonda, la variable a última y s2n esta línea Nos dirigimos al nodo padre y lo almacenamos en esta variable nombre target. Ahora voy a apuntar a este elemento hijo. Voy a crear otro y nuestro nombre de variable es elemento antiguo, elemento antiguo. Igual al punto objetivo, método hijos. Entonces dentro de la prensa cuadrada, necesitamos pasar el número índice, que es cero, y semicon dos en esta línea. Voy a establecer este archivo. Si imprimo esta misma variable en mi consola, vamos a imprimir la variable en nuestra consola. Hermoty, consola dot log, configuro el receso redondo o elemento viejo variable Elemento viejo, y Sub dos en esta línea. Después de establecer este archivo, si te muestro mi sección Cso, puedes, está escrito el elemento de la lista Yo configuré este ítem de lista, tenemos la ola naranja. Está escrito la primera etiqueta LI de nuestra lista. Ahora voy a comentar esta línea y voy a usar el método replace child. Voy a escribir target dot replace child method, replace child. Luego dentro del proceso redondo, necesitamos pasar por los dos parámetros. Dentro de este proceso redondo en nuestro primer parámetro, necesitamos pasar de qué elemento quiero reemplazar. Quiero sustituir por nuevo elemento. Hm tipo nuevo elemento. En nuestro segundo parámetro, necesitamos pasar qué elemento quiero reemplazar, y quiero reemplazar nuestro antiguo elemento. Quiero pasar viejo elem, y Smc a n esta línea Después de configurar este archivo, como puedes ver en mi navegador, reemplaza el naranja con mango. Si aquí cambiamos el número de índice , voy a pasar dos. Yo configuré este archivo. Ahora ya puedes ver, va a sustituir las agarras con mango Espero que quede claro para ti cómo funciona el método replace chil Aquí puedes reemplazar cualquier tipo de etiqueta usando este método. Puede reemplazar la etiqueta Dip, la etiqueta de tabla, la etiqueta de párrafo, la etiqueta que desee. Ahora, hablemos de nuestra otra función, que se elimina ch. Ahora quiero eliminar el primer elemento de esta lista. Al principio, voy a comentar toda esta diapositiva. Entonces necesita pasar el número de índice, que quiero eliminar. Algunos tienen que pasar Índice zo. Ahora voy a usar el nombre del método Remove child. Entonces voy a conseguir esta línea y comentar la anterior, y Hermo tipo target dot remove child Quitar niño. Entonces en la prensa und, necesita pasar solo un parámetro. Y nuestro nombre de parámetro es antiguo elemento. Algún tipo, elem viejo. Ahora voy a configurar este archivo. Por conjunto este archivo, como puedes ver, se elimina naranja de esta lista. Ahora tenemos el nombre total de tres frutos en esta lista, Manzana, uvas, y plátano. Así es como podemos eliminar cualquier elemento hijo de esta lista. Si cambio el número de índice, entonces aquí, voy a pasar el índice dos, y establecer este archivo. Ahora ya puedes ver, se ha quitado otra fruta de esta lista. Así es como podemos usar remove child. Gracias por ver este video, estén atentos para nuestro próximo tutorial. 80. Tutorial de JavaScript cloneNode: Bienvenidos de nuevo chicos de nuevo con un nuevo tutorial relacionado Java script dom. En este tutorial, vamos a aprender Java script clone node. Usando este método, podemos clonar N nodos. En tu lado izquierdo, puedes ver una lista de pedidos, mango, plátano, uvas y manzana. En nuestro lado derecho, tenemos lista de chalecos, arte y platillo. Supongamos que quiero copiar agarres de la lista de pies y quiero pegarlo en la lista vestable Para ello, necesitamos clonar la etiqueta de estos agarres, y necesitamos usar el nombre del método nodo propenso Entonces veamos cómo podemos usarlo prácticamente. Como de costumbre, lado a lado, abro mi editor de código de Visual Studio y mi navegador usando la extensión del servidor Lis, y ya creé un nombre de dominio estil Index dot estil Con eso, nos vinculamos con el archivo Min dogs. Puntos mínimos. Por ahora, es un archivo vacío. También, se puede ver en mi etiqueta corporal, hemos sumado dos und lista También asignamos ID a esta lista, Últimos y Últimos dos. Ahora quiero copiar la primera etiqueta LI de esta lista, y quiero pegarla dentro de la lista dos. Para ello, necesitamos usar un método llamado Cron none. Entonces saltemos al archivo Minto JS. Primero, voy a tomar una variable, y nuestro mismo nosotros es objetivo. Al principio, necesitamos apuntar al elemento, qué elemento quiero clonar. Quiero clonar la lista uno igual al documento D get element by ID. Isd la ronda ress la doule cote necesitamos para pasar la identificación, que es lista Como ustedes saben, aquí necesitamos usar el método de los niños. Tipo niños. Los niños dentro de la prensa cuadrada, tenemos que pasar el número de índice. Al principio, quiero copiar naranja. Ho para pasar cero, y Seb a esta línea Ahora necesitamos copiar este elemento usando el método rode. Aquí, voy a crear otra variable, y nuestra variable m es copy limit. Copiar elemento. Igual al método del nodo clon de destino. Clonar nodo. Por ahora, no quiero pasar ningún parámetro, pero ella puede pasar dos parámetros, cierto otro cae. Ahora, vamos a pt esta variable en nuestra consola. registro de consola tipo Hermo está en la prensa redonda o elemento de copia variable Copiar elemento. Entonces a en esta diapositiva. Después de configurar este archivo, si te muestro por qué sección de consola, Aquí puedes verlo copiar solo el nombre del elemento. No copió el texto, que está dentro de la etiqueta LI. Porque como te dije, nota clon vienen con dos valores. Para el otoño, viene con formas. Si paso el parámetro false aquí, en ese caso, sólo va a copiar el atributo y el nombre de la etiqueta, no el valor. Déjame mostrarte el ejemplo. Aquí, voy a pasar un nombre de clase. Clase, y el nombre de la clase es x y z. Voy a establecer este archivo. Ahora se puede ver en mi consola. Copia el nombre de la etiqueta con el atributo class, x y z, pero no copie el valor que está dentro de esta etiqueta naranja. Si quieres copiar el valor interno con eso, en ese caso, necesitas pasar valor verdadero. Voy a escoger esta línea y comentar la anterior. Voy a pasar cruel. T a través. Voy a entregar este expediente. Ahora puedes ver la consola. Es copiar el nombre de la etiqueta, también el atributo, y el valor naranja. Copiar correctamente el elemento. Ahora necesitamos agregar este elemento en nuestra segunda lista. Para agregar este elemento, necesitamos usar el método Apen Aquí voy a escribir documento punto obtener elemento por ID, y la Dame es L lista dos. dos últimos. Apuntar con éxito a nuestra segunda lista. Aquí, necesitamos usar un nombre de método, que es un pin child, append child Un hijo Apen, quiero anexar este elemento copy. Copo la variable ame, copy element. Y establecí el doble costo, voy a pegar el valor, copiar elemento, y subcon para terminar esta línea Después de configurar este archivo, como puedes ver en mi navegador, appen el nombre del pie en nuestra nueva lista naranja Básicamente, clonamos el elemento de la lista uno y lo pegamos dentro de la lista dos. Espero, ahora está claro para ti, ¿cuál es el uso del método Clone node? Esto es para este teral. En el siguiente tutorial, vamos a aprender sobre el método contains. Gracias por ver este video, declarando. 81. JavaScript contiene tutorial de métodos: Hola, chicos, me alegro de verles ahí. Nuevamente, estoy de vuelta con un nuevo tutorial relacionado Javascript dom. En este tutorial, vamos a aprender el método de contener JavaScript. Aquí se puede ver una profundidad, y nosotros st una identificación a esta profundidad, que es exterior. Dentro de esta profundidad exterior, tenemos un total de tres deeps infantiles Y quiero buscar una identificación, que está dentro de este contenedor exterior. Supongamos que quiero buscar ID interno. Después de apuntar al elemento exterior, quiero buscar. Quiero buscar un ID de elemento hijo, que está dentro de la D. externa para eso, necesitamos usar métodos de contención. Y este método escrito sólo dos tipos de onda, Trough o cae. Como pueden ver, esta d es hijo de Profundo Exterior. Va a regresar. Pero, ¿qué? Si usamos el ID en un elemento nieto, quiero decir dentro del elemento hijo de Outer deep, creo otro hijo, y luego configuro este ID a este niño Ahora bien, es un elemento nieto de D. exterior Pero, ¿cómo apuntamos al exterior de Investigación, ¿hay un Ina en este contenedor o no? Sea cual sea el elemento que utilices, si el ID sigue existiendo en este contenedor, en ese caso, va a regresar a través. Otro va a devolver formulario. Simplemente, quiero decir, si el ID es existir dentro de esta inmersión exterior, siempre es st y verdadero. Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Como pueden ver, lado a lado, abro mi editor de código Visa Studio y mi navegador usando la extensión Live Server, y ya creé un nombre de documento est Index dot HTML. Con eso, también vinculó un archivo Javascript con este documento. O El nombre del archivo JavaScript es el archivo JS del punto principal. Por ahora, es un MT. Si vuelvo a mi archivo índice punto estable y como puedes ver en nuestra etiqueta corporal, tenemos un contenedor con nombre de identificación gusto. Dentro de este contenedor, tenemos una etiqueta de párrafo y otro elemento profundo. En este elemento profundo, tenemos otro párrafo hijo. En este párrafo, establecemos un nombre de identificación ABC. Ahora, este párrafo se convierte en elemento nieto de este nombre de identificación gusto. Rápido, necesitamos apuntar al elemento padre. Vamos d al expediente Minder e. Aquí, voy a crear una variable. W y nuestro nombre de variable es elemento padre. Elemento padre. Igual a document dot get element by ID, las rondas, son los códigos dobles, y el IDM es gusto Después suma dos en esta línea. Ahora voy a apuntar al elemento, cuyo ID es ABC. Aquí voy a crear otra variable. W y nuestra variable es objetivo. Objetivo igual al documento punto get elemento por ID dentro del proceso redondo dentro de los códigos dobles, el nombre ID, ABC, el sb en esta línea. Ahora voy a buscar este ABC ID en el contenedor de prueba. Si existe el ID, entonces va a devolver t. De lo contrario, va a devolver false. Encontremos el ID de ABC en el elemento test. Para eso, nuevamente, voy a crear otra variable, y nuestra variable como find. Igual al elemento padre nuestro método, y aquí voy a usar el método contains. Contiene dentro de la ress redonda ahora necesitamos pasar qué elemento quiero encontrar. Aquí voy a encontrar el elemento AC. Tenemos que pasar la variable m. Objetivo. Quiero buscar el objetivo elem El circ va a terminar esta línea Ahora, vamos a imprimir la variable en nuestra consola. Aquí voy a escribir consola dot log dentro de la ronda ss, la extremidad variable. Bien, y semicon a n esta línea, y semicon a n esta línea, y voy a establecer este archivo Si te muestro mi consola, como puedes ver, es ton true porque nuestro ID de destino está disponible dentro del elemento padre. Pero si cambio el nombre de identificación, entonces Hm para reemplazar AVC por x y. luego establecer este archivo, ahora se puede ver que es ton cae, porque estos ID no existen en nuestro documento Este es el uso de la función contains. Espero que ahora te quede claro. Gracias por ver este video, sintonía estatal para nuestro próximo tutorial. 82. Tutorial de JavaScript hasAttribute y hasChildNodes: Hola chicos, me alegro de verles BA. Una vez más, estoy de vuelta con un nuevo Tutorial relacionado Java Script Dom. En este tutorial, vas a aprender tiene atributos y atributos HHI Vamos a aprender estos dos métodos en este tutorial. Aquí puedes ver, tenemos una D con nombre de identificación gusto. Con eso, tenemos una clase llamada ABC, y contenía un texto hola mundo. Ahora quieres verificar, ¿hay algún atributo sin ID en este elemento? Al principio, voy a apuntar a este elemento usando su ID. Entonces quiero buscar. ¿Hay algún otro atributo sin ID en este elemento? Para ello, necesitamos usar el método de atributo hash. Este método va a retornar sobre un resultado t. Comedero ya sea falso. Este método siempre devuelve en valor. Si el atributo está disponible en este elemento, en ese caso, va a devolver true. Otro, va a devolver falso. Sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Como pueden ver lado a lado, abro mi editor de código Visa Studio y mi navegador usando la extensión del servidor, y ya creo un documento de estimación llamado index dot EstiML Con eso, creamos el archivo Minot JS. También adjunto archivo Mando JS con este documento estim. Como puedes ver en mi etiqueta corporal, tenemos un elemento profundo, y en este elemento profundo, tenemos un sabor de nombre de identificación. Dentro de este elemento profundo, tenemos dos elementos hijos, H etiqueta dos y una etiqueta de párrafo. Al principio, en mi archivo JavaScript, voy a apuntar a este elemento profundo. Yo para copiar este nombre de identificación gusto. Luego volvamos a mi archivo JS principal y empatar H. Ahí ahí, como de costumbre, necesitamos crear una variable, y nuestro nombre de variable es target. Objetivo igual al documento punto obtener elemento por ID, dentro del latón redondo y dentro del doble curso, voy a pasar un val. Tenemos que pasar el nombre de identificación, que es gusto. Vamos a seg para terminar esta línea. A continuación, voy a encontrar el atributo class en este elemento target. Aquí, voy a crear otra variable ahí y nuestra variable está bien. Punto objetivo igual o V m. Ahora voy a usar el método tiene atributo. Atributo. Luego dentro del proceso redondo dentro de los códigos dobles, necesitamos pasar el nombre del atributo y nuestro nombre de atributo es class. Dentro de los códigos dobles, voy a escribir clase y Semg a en esta línea Ya sabemos que no hay clase disponible en este elevate. Vamos a pt este valor en la consola. Así que para escribir consola punto log dentro de la ronda ss o extremidad variable. Encuentra. Después sub dos en esta línea. Después de paso este archivo, si te muestro mi consola, y puedes ver que está escrito cae porque no hay ningún atributo de clase en este elemento. Sólo tenemos un único atributo, ID. Ahora voy a pasar el atributo m en este elemento. Hm tipo clase en las dobles es, y nuestro tema de clase es x y z. Voy a establecer este archivo. Ahora puedes ver mi consola, está escrita a través. Yo ahora está claro para ti. ¿Cómo podemos usar has atributo? Ahora, hablemos de nuestro siguiente método, que es tiene hijos los. Como pueden ver, hay un profundo, y quiero comprobar, hay un elemento hijo en esta profundidad o no. Supongamos que paso una simple prueba en este de. En ese caso, tiene los métodos de nodo hijo devuelven otras dos formas verdaderas. Si algún tipo de niño disponible en este de, en ese caso, va a devolver verdadero. Vamos a saltar al núcleo del estudio Visa y veamos cómo podemos usarlo. Como se puede apreciar en esta profundidad, ya tenemos dos elementos hijo, encabezamiento y un párrafo. Ahora voy a usar H métodos de nodo hijo. Algunos lo hacen para mojar esta línea y comentar la anterior. H va a escribir punto objetivo tiene nodos hijos. Cómo necesitamos usar los lugares redondos. Dentro de las llaves redondas, tendría que pasar cualquier parámetro Si configuro este archivo, ahora puedes verlo st falso porque tenemos elementos hijos en esta profundidad Espero que ahora te quede claro cómo podemos usar estos métodos, hash atributo y tiene niños. Gracias por ver este video, estad atentos para nuestro próximo tutorial. 83. Tutorial de JavaScript isEqualNode: Hola chico es bueno verte de vuelta. Nuevamente, estoy de vuelta con un nuevo estado tutorial Java Script dom. En este tutorial, vamos a aprender un nuevo método, que es Java Script igual. Aquí puedes ver una lista, Lista A, y tenemos algún nombre de pie en esta lista. Plátano agarra manzana naranja. Con eso, tenemos otra lista, Lista V. También tenemos algunos nombres de pies, Plátano, guayaba, y piña Si notas puedes ver, tenemos un nombre de pie coincidente en la Lista A y la Lista banana. Ahora quiero comparar Lista A primera nota con Lista V primera nota, plátano y plátano. Quiere comparar los dos elementos menos. Para ello, tenemos un nombre de método iguales cargas y está escrito solo dos valores, true ya sea false. Siempre es valor de bleen. Si comparas tanto el ítem de la lista, como puedes ver, estos son idénticos. Va a devolver true, pero este método sigue algunos parámetros. Sabemos que los dos artículos menos están debajo de los ítems de la lista. Por eso va a volver verdad. Entonces es coincidencia con un parámetro. El primer criterio es el tipo de nodo. Si su tipo de nodo es el mismo, en ese caso, va a devolver true. El mismo criterio es el nombre del nodo. Quiero decir que si primero es menos ítem, también es sería un ítem de lista. De lo contrario, va a devolver falso. El segundo criterio es, su nombre de nodo debe ser el mismo. No podemos comparar el elemento de la lista con el párrafo, de lo contrario, cualquier etiqueta de encabezado, y el tercer criterio es nodo bien. Si comparamos banano con guayaba, en ese caso, va a devolver falso Necesitamos comparar el plátano con el plátano. Entonces esta función devuelve true. El siguiente criterio es que su nodo hijo debe ser el mismo. Si usamos alguna etiqueta de párrafo como hijo en la lista A, entonces deberíamos usar la misma etiqueta de párrafo en los elementos de la lista B. De lo contrario, va a devolver falso. Además, necesitan seguir el mismo atributo. Si este elemento de la lista como con la clase, también enumere b ítem *** con una clase. También su atributo al debe ser el mismo. Si usamos la clase X Y ocho, también necesitamos usar la misma clase x y ocho. Estos son los criterios básicos que debemos seguir en este método Entonces, sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Como pueden ver lado a lado, abro mi editor de código is Studio y mi navegador usando la extensión Light Server, y solo innato un documento de estimación llamado indete También con eso adjuntamos un archivo JavaScript, Min punto JS. Como pueden ver en mi etiqueta corporal, tenemos un total de dos listas descargadas En nuestra primera lista, asignamos un ID. El último. En nuestra segunda lista, asignamos la lista dos. Primero, voy a comparar List one first lode con List V first node, y luego voy a comparar List one first note with second node of the least V. Entonces primero, voy a apuntar a este nodo Para eso, necesitamos usar este ID. Así que volvamos al archivo Mando JS. Aquí, voy a crear una variable, y nuestro nombre de variable es target one. Objetivo uno, objetivo uno igual al min, el hombre de la puerta por ID, en cambio el Rundss pasaría el nombre de identificación En nuestra primera lista bajo, quienes tienen ID listan uno. Así que copia el nombre de identificación, y voy a pegarlo aquí. Ahora, necesitamos seleccionar este nodo, primer nodo, naranja. Para eso, necesitamos usar un método, que es el primer hijo. El primer elemento hijo, subg a n esta línea Ahora quiero comparar naranja con Guayaba. Voy a compt esta línea y voy a cambiar el nombre de la variable Objetivo dos. Aquí, también voy a cambiar el nombre de identificación, st dos. Voy a comparar lista un primer elemento con lista dos primer elemento. Ahora voy a comparar ambos caminos con es igual método. Para eso, voy a crear una variable igual. Igual igual a objetivo un punto, nuestro nombre de método, es igual, es igual. En cambio, el rebaje redondo tendría que pasar la segunda variable, y nuestro nombre de la segunda variable es objetivo dos, objetivo dos. El sb dos en esta línea. Ahora voy a imprimir igual variable en nuestra consola. Así que escriba console Do log está en la ronda ss, nuestro nombre de variable igual y s a en esta línea Como pueden ver en mi consola, sus diez caídas. Si notas, puedes ver, coincide con todos los criterios, pero no coincide con el valor del nodo. O primer valor es naranja y nuestro segundo valor es guayaba. Por eso cae este método escrito. Ahora voy a comparar este nodo con el segundo nodo, naranja y naranja. Para eso, la heroína necesita usar otro nombre de método que es niños Los niños dentro de la prensa cuadrada, tenemos que pasar el número de índice. Como puede ver, el número de índice es uno porque nuestro índice comienza con cero. Si configuro este archivo, ahora puedes ver mi consola, está escrita, y ahora voy a agregar atributo esto a un ítem. Volvamos al archivo índice estable, y aquí voy a agregar una clase. Clase. Por ahora, lo voy a dejar atrás. Después de configurar este archivo, se puede ver mi consola, e reten cae Pero si te das cuenta puedes ver que su valor es el mismo, su voto es el mismo, pero el atributo es diferente. Aquí usamos una clase de nombre de atributo. Pero si paso el mismo nombre de atributo en la lista dos, déjame mostrarte H type class empty class. Yo configuré este archivo, ahora se puede ver que está escrito verdadero. Pero si utilizo un nombre de clase diferente, entonces qué. Aquí va a usar x y z. En segunda clase, voy a usar ABC. Si configuro este archivo, ahora se puede ver de nuevo se forma tritón porque el nombre de la clase es diferente Pero si utilizo el mismo nombre de clase ABC y AC, y esto del suelo, se puede ver es st y verdadero. Este es el uso de la función es igual lote. Gracias por ver este video, St tune para nuestro próximo estudio. 84. Tutorial de eventos de formularios de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo scrip Java relacionado total. En este total, vamos a aprender Java Script de Evin. En nuestros tutoriales anteriores, ya aprendemos sobre algunos eventos básicos, como click, double click, click derecho, mouse over, etcétera Pero en este tutorial, vamos a aprender algunos básicos de los eventos. Estos son todos básicos a partir de eventos que vamos a aprender en los tutoriales. Primero, tenemos algunos eventos de pulsación teclas como tecla abajo, pulsación de teclas, tecla, desenfoque de enfoque, y luego tenemos algunos eventos selectos. Ya aprendimos sobre eventos de tecla abajo, pulsación de teclas y key up en nuestros tutoriales anteriores. Vamos a comenzar este tutorial con evento de enfoque y desenfoque. Como pueden ver lado a lado, abro mi Vishal para ver código eater y mi navegador usando la extensión Live Server, y ya creo un nombre de documento estim nombre de documento Como puedes ver en mi página de estimación, tenemos un estil de, y tenemos dos campos de texto y un campo de opción Como puede ver, antes del primer campo de texto, usamos la etiqueta Nombre, y luego usamos la etiqueta de clase y nuestro segundo campo de texto. Después se muestran algunas opciones de nombre de país, como India, Pakistán, Nepal, Estados Unidos, Japón. Y puedes ver la estructura estimable en mi página. Tenemos etiqueta frontal, nivel, etiqueta de entrada, opciones selectas, etcétera Como te dije, vamos a comenzar nuestro evento práctico con enfoque. Ahora la pregunta es, ¿qué es el foco? Siempre que hago clic en este campo de entrada de nombre, como pueden ver, ahora resaltaba el campo de entrada con borde negro. la misma manera, si pateo el campo de entrada de clase, ahora resaltó este campo de entrada de clase. También, si hago clic en estas opciones, ahora se puede ver, también resaltó esta sección. A esto se le llama foco. Esta es la función de compilación del navegador. Pero podemos personalizarlo usando en focus evil. Al principio, voy a asignar un ID a este primer campo de entrada. Aquí voy a escribir ID igual a F nombre. F nombre significa nombre de pila. Entonces está en la etiqueta script, con eso, también voy a agregar un evento, que está en foco. Entonces escribe en foco. Entonces aquí necesitamos proporcionar un nombre de función. O el nombre de la función es la función de enfoque. Entonces voy a crear esta función dentro de esta etiqueta script. Entonces Tipo, función curada, función, y nuestro nombre de función es función de enfoque, sim copia este nombre de función. Entonces necesitamos apuntar esto en el campo de arranque usando su ID, que es fname Aquí escribe docu dot get element by ID dentro de las carreras redondas, luego dentro del Crass dentro las carreras redondas quería proporcionar el nombre ID, que es fname Entonces quiero aplicar un color de fondo cada vez que enfoque estos campos de entrada. Entonces quiero usar estilo punto, punto, y quiero aplicar color de fondo, igual al rojo. Quiero aplicar color de fondo rojo. Después semicon dos en esta línea. Ahora, vamos al archivo y haga clic en este campo de entrada. Después de hacer clic en este campo de entrada, como puede ver, ahora nuestro color de fondo del campo de entrada es rojo. Pero si hago clic en otro campo de entrada, no va a funcionar porque apuntamos a este campo de entrada en particular usando su ID. Ahora quiero aplicar el mismo evento en nuestro segundo campo de entrada. Para eso, voy a copiar esta sección sobre el evento Focus y pegarlo el segundo campo de entrada. Pero no voy a asignar ningún ID a este campo de entrada. Voy a dejarlo en blanco. Ahora podrías tener cómo podemos seleccionar el segundo campo de entrada sin el ID. Déjame mostrarte. Para eso, voy a usar esta palabra clave en nuestra función. Cuando llamamos a nuestra función, dentro de la ronda ps, voy a pasar la palabra clave this. Esto. Además, voy a pasar esta palabra clave en nuestro segundo campo de entrada. Esto. Usando esta palabra clave, podemos aplicar esta función en particular en este campo de entrada en particular, siempre que nos enfoquemos en ella, y para manejarla, necesitamos tomar una variable en nuestra función. Dentro de la prensa redonda, vamos a tomar un nombre de variable y nuestro nombre de variable es elemento. Element, y luego voy a reemplazar esta sección con este elemento variable. Eso es. Ahora, vamos a configurar el archivo y volver a cargar el navegador. Esta vez, voy a hacer clic en nuestro segundo campo de entrada. Ahora puedes ver que es trabajo en nuestro segundo campo de entrada. Aplica el evento de enfoque y cambia el color de fondo. Del mismo modo, si hago clic en el campo de entrada de nombre, también se cambia el color de fondo del campo de entrada de nombre. Si quiero aplicar el mismo evento en nuestra sección de país, sí, podemos. Solo quería copiar esta función en el evento de enfoque, y necesitamos pegarla después de este ID en nuestro select tang. Si configuro este archivo y hago clic en esta opción de país, ahora puedes ver esta vez aplica el color de fondo en nuestra opción desplegable Así es como funciona. Básicamente, podemos usar el evento de enfoque en nuestros campos de entrada, opciones y tanques de anclaje. Ahora tenemos un problema. Después de enfocar nuestro campo de entrada. Si elimino nuestros autos y hago clic en otra sección, ahora se puede ver que sigue mostrando color de fondo. Ahora necesitamos eliminar este color de enfoque. ¿Cómo podemos hacerlo? Para ello, necesitamos usar evento Blur. Para eso, de la misma manera, necesitamos usar este evento en función de enfoque. Aquí voy a escribir el nombre del evento. O desenfoque. También en el doble cos necesitamos pasar un nombre de función. Entonces para copiar este nombre de función. Función de enfoque, y voy a cambiar el nombre de la función de enfoque con la función de desenfoque. D. Voy a hacer lo mismo para el siguiente campo de entrada. Voy a copiar esta sección y pegar después en el evento focus. También en nuestra opción selecta. Entonces voy a duplicar esta función y simplemente voy a cambiar el nombre de la función. Enfoque para desenfocar. Voy a quitar el nombre del color y dejarlo negro. Voy a establecer este archivo. Ahora, primero de, voy a enfocar el campo de entrada de nombre. Como puedes ver, el color de fondo se vuelve rojo. Pero siempre que me concentro en este campo de entrada de clase, ahora puedes verlo quitar el color de fondo rojo de nuestro primer campo de entrada. Así es como funciona. Ahora entiendes cómo funcionan juntos el enfoque y las venas borrosas Aquí puedes usar agregar oyente de eventos también. Si no quieres escribir tanto de código. En nuestro tutorial anterior, ya lo aprendemos. Ahora, hablemos de otro evento, que es este evento aplica cuando tratamos de sentir el campo de entrada. Básicamente, utilizamos este evento con campo de entrada y área de texto. No funciona en caja CT y botones de radio. Empecemos la práctica y veamos cómo podemos usarla. Entonces llamemos al evento en nuestra primera sección de entrada, y nuestro nombre de evento está en la entrada, e insertemos los cods dobles que van a pasar una función, y nuestro nombre de función es función de entrada Entonces en set las rondas, también, voy a usar esta palabra clave Ahora voy a duplicar esta sección y reemplazar la función con función de entrada. Siempre que trato de sentir este campo de entrada, quiero el color de fondo amarillo. Voy a pasar amarillo. Voy a establecer este archivo. Después de establecer este archivo, primero, voy a hacer clic en el campo de entrada de nombre, y voy a pasar algo de texto, un nombre, y el nombre es agregar uno. Como puedes ver, cuando escribimos algún texto en este campo, se queda el color de fondo, rojo dos, llue Este es el uso en el evento de entrada. Esto es para este tutorial. En el siguiente tutorial, voy a cubrir los eventos restantes. Gracias por ver este video, estado ONU para nuestro próximo 85. Tutorial de eventos de formularios de JavaScript II: Hola, chicos, es bueno verlos de vuelta. Una vez más, estoy de vuelta con otro Tutorial relacionado con Java strip from events. En nuestro Tutorial anterior, cubrimos, enfocamos Desenfoque y evento de entrada. En este tutorial, vamos a cubrir, cambiar, seleccionar, enviar y eventos inválidos. Empecemos con un evento práctico de cambio. Como pueden ver, lado a lado, abro mi editor de código visa studio y mi navegador usando la extensión Light Server. Abro mi documento TML anterior nombre índice punto TML. Como puede ver, tenemos un total de dos campos de entrada. Nombre de clase. Con eso, tenemos una caja de opciones. Nombre país, y Harr proporciona algún nombre de país. Y vamos a comenzar nuestra práctica con el evento de cambio. Déjame mostrarte cómo. Básicamente, se puede utilizar en el evento de cambio en texto también seleccione cuadro. Además, se puede utilizar en un área de texto. Al principio, voy a usar el evento on change en nuestra casilla de selección. Después de la función de desenfoque, voy a llamar a este evento sobre el cambio. En cambio, y nuestro nombre de función es cambiar función. Función de cambio. Ahora, también necesito definir esta función en nuestra etiqueta script. Voy a copiar el nombre de la función, y voy a replicar una de esta sección de funciones y reemplazar esta función de cambio de función, D. Además, voy a cambiar el color de fondo, que es azul Y voy a poner este archivo. Ahora podrías tener duda qué función de cambio básicamente va a hacer. Este método funciona, cuando perdemos el foco del campo de entrada. Primero, necesitamos construir el foco en el campo de entrada. Entonces cada vez que quitamos nuestros autos, de lo contrario, quitamos nuestro enfoque, luego en función de cambio llamado. Déjame mostrarte cómo. Ahora, como puede ver, en nuestro cuadro de selección, utilizamos la función de cambio. Además, voy a asignar un ID a nuestro cuadro de selección, y nuestro IDE es select. Luego dentro de la etiqueta script, necesitamos apuntar a esta casilla de selección usando esta ocultación. Aquí, voy a quitar elemento y reemplazar con documento. El elemento get por ID es que el proceso de ronda para proporcionar el nombre de ID, que es seleccionar DC. Después de configurar este archivo, voy a dar click en esta casilla de selección. Ahora puedes ver, por ahora llama a nuestra función de enfoque. Pero si selecciono algún país, supongamos que voy a seleccionar USA. Al click en USA, como puedes ver, se cambia el color de fondo. Ahora se está volviendo al color azul porque a este tipo se le va a llamar función de cambio, y es posible por sólo para este evento sobre el cambio. Este es el uso de on change. Cuando uso el foco, de lo contrario, quita el foco, entonces es disparador en evento de cambio. Este es el uso del cambio. Recuerde, este método de cambio funciona en cualquier campo de entrada. Podemos usarlo con caja de entrada, tomar studia, etcétera. Ahora, hablemos de nuestro evento gal, que es selecto. Este evento select funciona después de seleccionar el valor del campo de entrada. Supongamos en nuestro campo me nombre monotipo agregar uno. Básicamente, se va a activar cuando seleccione este valor. Llamemos a este evento en nuestro cuadro de entrada de nombre. Monotipo de entrada al seleccionar. Después escribo un nombre de función, que es seleccionar función. Ahora necesitamos definir esta función dentro de este script. Dentro del guión, voy a bigar esta sección. Entonces voy a reemplazar el nombre de la función, cambiar función para seleccionar función. Con eso, necesitamos apuntar al elemento input usando su ID. Como puede ver, el nombre de identificación es nombre, F nombre estrellas para nombre. Aquí, voy a reemplazar seleccionar a él, nombro, y luego voy a cambiar el color de fondo. Y voy a decir color de fondo. Alfiler. Después de paso es archivo, ahora, voy a llenar un nombre en nuestro campo de nombre, ¿cuál es Raúl Pero si selecciono el nombre del scruten usando mi cursor, ahora puedes ver, ahora puedes ver nuestro color de fondo piel de entrada cambiar a color rosa porque esta vez se activa en función select Así es como podemos usar en función de selección. Ahora hablemos de lo siguiente del evento, que es presentar. Básicamente, usamos este evento en nuestra etiqueta frontal. Podemos activar este evento, llenar el de y pulsar el botón de enviar. Pasemos al código visual stdio y veamos cómo es w. Como puedes ver en mi navegador, tenemos un básico de, pero no tenemos ningún botón de enviar Vamos a crear un botón de envío. Después dentro de la etiqueta frontal, y debajo de esta etiqueta de elfo, voy a tomar una entrada t input. Input, type, submit. Estoy para establecer este archivo. Como este archivo, puedes ver, ahora tenemos un botón de enviar, y ahora quiero activar al enviar evento después de hacer clic en el botón Enviar. Como ya les dije, tenemos que llamar a este evento en la etiqueta frontal. Como puede ver, esta es la posición inicial de la etiqueta frontal. Entonces yo en la etiqueta frontal, voy a convocar a este evento al presentar. Y dentro de los dobles tes, voy a pasar el nombre de la etiqueta de envío. Dentro de las capas dobles nos gusta pasar el nombre de la función, y nuestro nombre de función es submit function. Ahora necesitamos definir esta función dentro del scripta voy a copiar el nombre de la función Al principio voy a reponer esta sección. Entonces voy a reemplazar el nombre de la función. Llenar función con, enviar desde la función. A continuación, a continuación voy a eliminar todos los arranques innecesarios. Aquí voy a escribir consola punto log en el proceso redondo el código doble, enviaste un desde. Y Sec dos en esta línea. Y voy a poner este archivo. Después de configurar este archivo, voy a abrir el panel de la consola en nuestro navegador. Inspeccionar Czo. Si presiono el botón enviar, puedes ver que no ha funcionado bastante bien porque en desde en nuestra etiqueta de acción para pasar una ruta PHP, ruta otrowise.net, pero no la tengo Voy a imprimir el mensaje en mi casilla de alerta. Voy a reemplazar el registro de puntos de consola con Alert box Alert. Y voy a poner este archivo. Después de establecer este archivo, si hago clic en el botón de enviar, ahora se puede ver en mi casilla LT, devolvió, usted envió una F. Así es como en método de envío. Ahora puede que tengas duda, ¿cuál es el uso de la misma? Podemos extraer valor de estos campos de entrada. Supongamos que quiero extraer nombre de este campo de entrada, cuando envío d desde. Para eso, primero, voy a comentar esta línea. Primero estoy en la varie y nuestro nombre de variable es x, x igual a document, dot get element by ID Es que la ronda ss es que los tes dobles, necesitamos pasar el nombre de identificación, que es un nombre. Entonces quiero extraer la u de este campo de entrada. Entonces escribe punto. Entonces queremos terminar esta línea. Ahora voy a imprimir el nombre en nuestra caja R. Entonces tipo LR es que la prensa redonda, es que el dole tes primeros títulos hola. Halo, entonces necesitamos usar el lado de concatenación, y quiero concatenar con o variable x Ese es Seve dos en esta línea. Si configuro este archivo, H para pasar un nombre, agregue uno. Entonces voy a presionar el botón de enviar. Después de pulsar el botón de enviar, como se puede ver, en mi cuadro de alerta, se imprime hola añadir uno. Así es como podemos extraer datos usando el método Enviar. Podemos ordenar el valor y usar este valor en cualquier lugar. Solo necesitas recordar, necesitamos usar en enviar evento con etiqueta de. No podemos usar este evento dentro de ninguna otra etiqueta de entrada, de lo contrario, en la etiqueta de selección, y podemos activar este evento solo usando el botón Enviar. Después de presionar este botón de enviar, va a desencadenar el evento. Ahora, hablemos de nuestro último evento, que no es válido. Usamos este evento cuando el usuario ingresa un valor incorrecto. Supongamos que f tenemos un campo de entrada, que va a tomar números de teléfono. Pero sin números de teléfono, alguien escribe alguna letra mayúscula, lo contrario, cualquier carácter. En ese caso, la función no válida desencadenó y escribió un mensaje de error. Ahora veamos cómo podemos usarlo prácticamente. Como puede ver, tenemos que decir dos campos de entrada y un campo de selección. Si no rellenamos este formulario y éste, botón de envío. Ahora se puede ver, es donde. No muestro ninguno ni líos. Pero quiero que este mismo campo de entrada siempre sea campo. Para eso, necesitamos usar un atributo, un atributo estable, que se llama registro. Aquí, Insertar esta etiqueta de entrada estoy en el tipo requerido. Entonces quiero configurar este archivo. Ahora es necesario llenar este nombre f. Ahora déjame mostrarte cómo es el trabajo. Entonces, para establecer este archivo. Si hago clic en el botón de enviar, como pueden ver, ahora es mostrar un mensaje. Por favor, falle en esta falla. Esta es la característica no válida de un archivo estable. Ahora el problema es que no quiero mostrar este mensaje. Quiero mostrar un mensaje personalizado. Y para mostrar este mensaje personalizado, podemos usar en inválido y para mostrar el mensaje personalizado, podemos usar y para mostrar esto y para mostrar el mensaje personalizado, podemos usar en evento no válido. Solo necesita escribir el nombre del evento en inválido. Después insertamos los códigos dobles, H escribimos directamente un código deslizable Quiero imprimir una Alerta de bombas. Alerta dentro de la ronda ss, dentro del código único porque ya hemos usado doble cos. Por eso necesitamos usar códigos únicos. Quiero escribir un mensaje personalizado y el mensaje es lugar fallar el nombre falla. Por favor llene el nombre, y voy a configurar este archivo, y ahora voy a enviar esta púa sin rellenar el campo nombre Primero, voy a escribir algún texto Da en nuestra sección de clases. Después voy a seleccionar un país Nepal, y voy a presionar el botón de enviar. Pero si te das cuenta puedes ver que nuestro campo de nombre está en blanco. Después de pulsar el botón enviar, ahora puedes ver mi caja de alerta, se imprime, por favor rellena el nombre. Básicamente, lo usamos con correo electrónico y números de teléfono. Déjame mostrarte cómo. Al principio, voy a cambiar el nivel. Nombre dos correo electrónico. Y también voy a cambiar el tipo de entrada, que es el correo electrónico. Entonces voy a eliminar este campo requerido, y también voy a cambiar el mensaje de alerta. Entrar, correo electrónico correcto. Algunos reemplazan con, enter, C correo electrónico. Voy a establecer este archivo. Si escribo la dirección de correo electrónico incorrecta e intento enviar este archivo, ahora puede verlo devolver este mensaje, ingresar el correo electrónico correcto, y también ret un mensaje hábilmente del correo ATE Favor de incluirlo y dirigirlo en esta dirección de correo electrónico. Todos estos son muy importantes a partir de eventos que aprendemos en este tutorial. Esto es para este Tutorial. Gracias por ver este video, para el siguiente Tutorial. 86. Tutorial de JavaScript setInterval y clearInterval: Hola, chicos, es bueno volver a verles. Una vez más estoy de vuelta con otro tutorial relacionado con Javascript. En este tutorial, vamos a aprender script Java, establecer intervalo e intervalo de desgarro. Estos dos métodos se utilizan en animaciones Javascript. Supongamos que si se quiere animar cualquier elemento de otra manera, cualquier elemento dom, en ese caso, este método es muy útil, que se establece interval Para escribir este método es para los dos parámetros, un nombre de función y ti. Es necesario poner tiempo en V segundo. Este segundo parámetro funciona como temporizador. 1,000 V segundo igual a 1 segundo. Ahora, hablemos de la función. Cómo va a funcionar esta función con este segundo parámetro. Si vuelvo a pasar, quiero decir si paso 100 milisegundos, luego después de 1 segundo, cada vez que va a llamar a esta función, y lo que sea que hagamos en esta función, la va a ejecutar Básicamente, quiero decir una vez más, cada vez que va a llamar a esta función. Si quieres llamarlo después de 3 segundos, entonces necesitas pasar 3 segundos. Si quieres detener esta animación en un momento determinado, en ese caso, tenemos otro método, que es intervalo claro. Usando este método, puedes detener la animación en cualquier momento. Entonces, sin perder el tiempo, intentemos entender este concepto prácticamente. Como pueden ver, lado a lado, abro mi editor de código visa sto y mi hermano usando Life Sever Extension, y ya creé un nombre de documento estel en Dot est, con eso creo archivo, un archivo vasto, que es animación punto Por ahora, nuestro archivo de elevación está en blanco. Ahora bien, si vuelvo al punto índice una lima de acero, aquí se puede ver, él creamos un elemento D. Básicamente, él creamos una caja cuadrada, altura, 150 píxeles de ancho, también 150 píxeles, y establecí una tasa de color de fondo, y ahora quiero animar esta caja cuadrada Quiero mover la caja cuadrada del lado derecho hacia arriba a cada una de nuevo. Para animar este elemento cuadrado, tenemos que saltar a este archivo JS animación punto s. establecer primero, voy a llamar a nuestra matemática, que se establece intervalo Establecer intervalo es la ronda de prensa primera manera de pasar nuestro nombre de función, y voy a decir este nombre de función N. Con eso, quiero establecer un ty, 1,000 milisegundos, que es igual a 1 segundo También es necesario proporcionar el punto y coma, y luego definir esta función me Vamos a crear la función. Primero voy a escribir la función Q palabra y nuestro nombre de función está en. F Voy a mostrar cómo establecer interventar método palabra. Voy a imprimir algo en mi consola. Algún tipo consola dot log dentro de la ronda ss, escribo sanar. Antes de configurar este archivo y ejecutar el código, quiero encender mi consoe En la sección de consola Spack. Si configuro este archivo, como pueden ver en mi sección de consola, si imprimir permiten uno, dos, tres está contando continuamente e imprimir permiten en mi conson Así es como establecer la función integral. Por ahora, no necesito este registro de consola. Alguien que comente esto y vuelva a configurar este archivo. Ahora, y ahora voy a declarar una variable fuera de la función, y nuestra variable es que A. A asignar 80, sellar a n esta diapositiva. Entonces dentro de esta función, voy a incrementar una variable e diez sonido tipo A igual a A más diez Básicamente establecer intervalo continuamente llamado una función después de 1 segundo, y cada vez que llama a la función, va a incrementar el valor A con diez Primero va a imprimir diez, luego va a imprimir, 30, 40, y sigue adelante. Ahora necesitamos apuntar al elemento cuadrado usando su ID. Algún tipo target igual a hacerme hacer punto obtener elemento por ID. Después dentro del receso redondo. Vamos a d al archivo de índice y veamos el nombre de identificación, y el nombre de identificación es gusto. Copia el nombre de identificación y de vuelta al archivo chase, y dentro de los dobles tes, voy a pasar el nombre de identificación gusto y semi a diez esta línea. Ahora, es necesario mover este elemento usando Cs. Primero, voy a seleccionar nuestro objetivo. Objetivo punto estilo Dot, y quiero moverlo del lado derecho. Voy a agregar algo de margen en el lado del labio. Escriba margen Labio igual a nuestra variable A y selle dos en esta línea. Cada segundo, va a aumentar el margen en diez. Básicamente, va a mover nuestro lado derecho cuadrado. Pero si configuro este archivo, no va a funcionar. Puede que tengas duda, cual es el problema Porque no proporcionamos ninguna unidad a esta propiedad de margen. Entonces voy a usar signo de concatenación y en conjunto el sencillo voy a pasar pixel Voy a usar unidad de píxeles. Si configuro este archivo, como pueden ver, después de cada 1 segundo, va a mover diez píxeles del lado derecho, y continuamente se mueve hacia el lado derecho hasta 1 segundo. Es así como podemos animar esta caja cuadrada. Por ahora, voy a comentar esta línea y volver a configurar este archivo para detener la animación. Si quieres aumentar la velocidad de animación, entonces solo necesitas disminuir el valor de misecond Supongamos que si pasa dos por debajo de misecond, y elogia esta línea y vuelve a establecer este archivo, ahora se puede ver la velocidad de la animación Aumenta nuestra velocidad de animación. Quiero comentar esta línea y volver a establecer este archivo. Por ahora, me gustaría ir con 1 segundo. Voy a escribir mil milisegundos. Pero ahora quiero detener nuestra animación. W nuestra caja, lograr borde de margen de 200 píxeles. Básicamente, quiero decir, cuando nuestro valor A se convierta en 200, quiero detener la animación. Para eso, necesitamos usar el método por intervalo. Déjame mostrarte. Pero antes necesitamos usar condición EP, si A sede igual a igual a 200, entonces dentro de la condición, voy a hacer algo. Yo uso versos cuadrados. También, voy a crear la parte, dentro de la plaza ses, dentro de la parte s, voy a animar esta sección Yo copio este. Y lo obe dentro de la condición. También descomento esta línea. Entonces dentro de la condición P, ahora necesitamos detener esta animación usando intervalo claro. Pero para eso, necesitamos convertir el intervalo establecido en intervalo claro. Voy a almacenar este intervalo establecido en una variable. Tipo Herro y nuestro nombre de variable es, puedes tomar cualquier nombre Por ahora, voy a llevar identificación. Ahora tenemos que llamar al método de intervalo claro. Intervalo P R, y en el rebaje redondo para pasar este intervalo de valor establecido. Entonces voy a pasar. Y seve gal a en esta línea Antes de configurar este archivo, voy a aumentar la velocidad de animación. Voy a pasar 100 milisegundos. Estoy estufa este archivo. Después de configurar este archivo, como puede ver, hasta llegar, margen de 200 píxeles en el lado izquierdo, detendrá nuestra caja. Básicamente, animamos esta caja, 200 píxeles en el lado derecho Después del alcance, margen de 200 píxeles en el lado izquierdo. Nuestro intervalo claro, detener este intervalo establecido. Aquí podrás animar cualquier caso propiedad de esta caja. Si quieres cambiar el color, si quieres extender el ancho, sí puedes. Déjame mostrarte cómo. Animemos el wight. Quiero olvidar esta sección y comentar previamente. Voy a cambiar de objetivo el estilo. Quiero agregar con. Quiero cambiar la propiedad width. W, y quiero aumentarlo hasta 200 píxeles. Después de alcanzar 200 píxeles de ancho, se va a detener la animación. Vamos a configurar el archivo, como puedes ver, después de alcanzar 200 píxeles de ancho, detenga nuestra animación. Así es como el intervalo establecido y el intervalo claro funcionan juntos. Básicamente, lo usamos con fines de animación. Gracias por ver este video, St melodía para el siguiente tutorial. 87. Tutorial de tiempo de espera y tiempo de espera: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con otro tutorial relacionado javascript. En este tutorial, vamos a aprender sobre dos métodos, establecer el tiempo de espera y el tiempo de espera. Usando esta función, podemos especificar el tiempo de animación. Este método va a tomar un total de dos parámetros, nombre de función y milisegundos Este segundo valor milisegundos funciona como temporizador, y te gusta proporcionar valor S. Tallos de 1,000 milisegundos por 1 segundo. Básicamente, si pasamos 1 segundo aquí, luego después de 1 segundo, va a llamar a esta función. Y va a ejecutar esta función sólo por una vez. Ian, va a realizar la animación una sola vez. En nuestro tutorial anterior, aprendemos sobre el intervalo establecido. Usando la función set interval, podemos ejecutar la animación una y otra vez. Pero si utilizo este método, podemos ejecutar esta animación solo por una vez. Si quieres detener esta animación antes de que comience, entonces necesitas usar este método ahora. Entonces comencemos la práctica y veamos cómo puedes usar este mapa. Como puedes ver, lado a lado, abro mis visas a tu coeditor y a mi navegador usando la extensión del servidor Life, y ya creé estel nombre del documento index dot e SML Con eso, aquí puedes ver, creamos un nombre de archivo animación punto JS. En nuestro diseño básico de ESTEML, creamos una caja con gusto ID Como pueden ver, aquí decimos 150 pixel i y 150 pixel con. Ahora quiero extender la w después de cierto tiempo. Para ello, vamos a utilizar el método set T out. Quiero extender el con hasta 500 píxeles. Vamos a saltar al archivo de perros de animación. Al principio, voy a degla variable, esa identificación. ID igual al tiempo de espera establecido. Como ustedes saben, este método va a tomar un total de dos parámetros, primera función. Función F, voy a tomar NE. Y voy a pasar tres segundos de vuelta 3,000 milisegundos Ahora voy a definir esta función. Así que para escribir la función o el nombre de la función está en. Después dentro del Caliss, al principio, voy a imprimir algo en mi consola Así que escribe console dot log dentro de la ronda ss, dentro de los dobles tes, voy a escribir hello world. Y Semgal a en esta línea. Ahora, antes de configurar este archivo y ejecutar el scot, abramos nuestra consola en la consola SPAC Como pueden ver, estamos en mi sección de consola. Si configuro este archivo, como pueden ver después de tres segundos, va a imprimir hola palabra, y como pueden ver, imprime esta declaración solo por una vez. No se repita. Y ahora quiero extender el Did después de tres segundos. Al principio voy a comentar esta línea. No necesito esta declaración de consola. Entonces voy a apuntar a la prueba d. Para eso, voy a declarar una variable, y nuestra variable in es target. Objetivo igual al documento punto git elemento por ID, dentro de la prensa redonda y dentro de las comillas dobles, voy a pasar el valor, que es gusto. Después sic dos en esta línea. Entonces quiero aumentar el peso usando estilo punto con método. Algún tipo de punto objetivo estilo punto peso. Igual a quiero aumentarlo hasta 500 píxeles, 500 píxeles, y seg dos en esta línea. Ahora bien, si configuro este archivo, como pueden ver, hasta tres segundos después, va a aumentar la d de este elemento profundo. Básicamente, si usamos el método set timeout, se va a agotar la animación solo por una vez Ahora quiero detener esta animación antes de que empiece. Quiero detenerlo antes de 3 segundos. Para eso, necesitamos usar el método t time out. Para eso, tenemos que volver al documento Atmel, y aquí necesitamos tomar un botón Aquí voy a tomar un botón de etiqueta de botón. Dentro de este botón, voy a escribir stop animation. Además, voy a usar el nombre del atributo en el método gag en En este evento, voy a llamar a una función, que es detener la animación, y voy a usar este extremo corto es animación. Y yo nombre de función. Ahora voy a definir esta función en la página de Joc. Función tipo Hm, y nuestra función s es animación. Entonces en dicho el Css, cuando llame a esta función, va a despejar el tiempo de espera a este ID. Entonces voy a llamar a esta función, Pier y dije que la ronda ss pasará la i. y 72 en esta línea. Soy yo en cualquier momento que lo digamos, va a despejar el tiempo. Por ahora, voy a aumentar el tiempo. Voy a hacer 5 mil segundos. Ahora voy a configurar este archivo. Después de se este archivo como se puede ver, tenemos un botón de parada debajo de la caja. Y después de 5 segundos, va a ejecutar la animación. Ahora voy a volver a configurar este archivo. De lo contrario, vuelva a cargar este archivo. Esta vez, voy a detener la animación. Voy a hacer clic en este botón de eimation. Estoy esperando cinco segundos y en adecuación después de cinco segundos, no ejecute nuestra animación Antes de los cinco segundos, detengo este botón. Es así como podemos usar ambos el método juntos. Establezca el tiempo de espera y el tiempo claro. Gracias por ver este video, Stdute para el próximo 88. Tutorial de introducción de JavaScript BOM: Hola, amigos. Me alegro de verte de vuelta. Una vez más, estoy de vuelta con otro tutorial. En este tutorial, te voy a presentar lo que es Java Script bomb. El significado completo de Modelo de objetos Navegador de bombas. Aquí hablo de la ventana del navegador. Bomb está relacionado con Ventana del navegador. Puede ser cualquier navegador, Firefox, Google Chrome, Microsoft Age, Apple Safari, de lo contrario, ópera. Sin estos, hay muchos navegadores. No mencioné su nombre aquí. Estos son los navegadores más populares. Bomb está especialmente relacionado con la ventana del navegador, no con el área de la ventana No me importa lo que pase dentro. Si quieres controlar la parte interna de tu navegador, entonces deberías aprender Dom. En Java Script. Si quieres hacer alguna programación relacionada con el navegador para eso, necesitas usar el objeto de ventana. Si desea manipular su navegador, hay una gran cantidad de método relacionado con el objeto de ventana. Veamos, ¿qué podemos hacer con el objeto ventana? Usando el objeto window, podemos obtener el ancho ged de nuestro navegador. Usando este objeto, podemos abrir la ventana del navegador, y también podemos cerrar la ventana del navegador. Además, podemos cambiar el tamaño y mover la ventana de nuestro navegador. Aquí, no vamos a usar nuestro cursor para cambiar el tamaño de nuestro navegador Tenemos algunos en el método bil de objetos de ventana, y cantamos esos métodos, podemos cambiar el tamaño y colocar nuestra ventana en cualquier lugar de nuestra pantalla Además, podemos desplazarnos ventana de nuestro navegador sin usar nuestro cursor. Con eso, usando el objeto window, podemos obtener el protocolo de nombre de host URL de nuestra ventana del navegador. Además, podemos obtener el historial de la ventana del navegador. Historia significa que aquí se puede ver la opción hacia atrás y hacia adelante. Si quieres retroceder, podemos usar el objeto window. Además si quieres seguir adelante, también podemos usar el objeto window. En nuestra próxima futuria, vamos a aprender todo al respecto uno por uno No te pierdas los videos interesantes. Gracias por ver este video, Sten. 89. Tutorial de métodos de altura y ancho de ventanas de JavaScript mejorado 90p: Hola, amigos. Me alegro de verte de vuelta. Una vez más, estoy de vuelta con otro tutorial relacionado con Java script bomb. En este tutorial, vamos a aprender cómo podemos obtener la altura y el peso de la ventana. Aquí puedes ver la ventana del navegador. Para obtener la altura y el peso de la ventana, contamos con cuatro métodos totales. Estos métodos son altura interior, ancho interior, altura exterior, maleza externa. Ahora, tratemos de entender qué es la altura interior, y qué es la altura exterior. Esta es la altura interna, que contiene el área de la sala de vista, y esa es la altura exterior. Esta es la altura del navegador real. Recuerda una cosa, la altura exterior no cuenta las barras de herramientas Ahora, hablemos de ancho exterior y w interior. Esta es el área de ancho interior, y no cuenta la sección de la sala escolar. la misma manera, tenemos w exterior, y cuenta la sección de la barra de desplazamiento. Exterior contamos también la zona fronteriza. Dije algo mal. También el exterior no cuenta el área de la barra de desplazamiento. Cuenta la zona fronteriza del trower. Sin perder tu tiempo variable, comencemos la práctica. Como de costumbre, lado a lado, abro mi editor de código visit studio y mi navegador usando la extensión Light Server, y ya creo un documento EstiML llamado index dot table Dentro de esta página de índice punto EstiML, tenemos body tag, y dentro de la etiqueta body, ya escribimos script tag Entonces primero, dentro de la etiqueta script, voy a tomar una variable, y nuestro nombre de variable es altura interna. Para eso, voy a escribir I estatura. Altura interior igual a la altura interior del punto d. Yo Entonces embolso a esta línea. Ahora quiero imprimir este valor en mi consola. Para eso, voy a escribir console dot log console dot log is the round res is or variable name. Yo altura. Después Sebagr a en esta línea De la misma manera, voy a tomar la altura exterior. Voy a crear otra variable la y nuestra variable ame es altura exterior, O altura. Oer altura igual a la altura exterior del punto de ventana. Entonces engreído a esta línea, y voy a poner este archivo Entonces otra vez, voy a imprimir esta variable en mi consola. Voy a escribir consola punto registro es una altura exterior tal ress redonda, y Sebeg para terminar esta línea Voy a establecer este archivo. Si te muestro mi consola, déjame mostrarte, así que voy a escribir click en mi navegador, y quiero hacer clic en la sección inspeccionar. Herc en consola, imprime la altura interior, 767, y nuestra altura exterior 1047 Pero si reduzco la altura de la ventana, ¿entonces qué? Voy a aumentar la altura de la sección de la consola y volver a relacionar el navegador. Ahora puedes ver ahora nuestra altura interior es 303, pero nuestra altura exterior sigue siendo una que y 47. Como te dije, la altura interior siempre cuenta la altura real de la ventana Pero la altura exterior, cuente toda la altura del navegador. De este punto a este punto es el área de altura interior, y de este punto a este punto es el área de altura exterior. Ahora, cambie el área de altura exterior. Voy a radio la altura de todo el navegador, y luego cargaré el navegador. Ahora puedes ver que nuestra altura exterior es de 854. Como puede ver, cada vez que necesitamos reprimir el navegador para ver el valor de la altura interior y la altura exterior Para resolver esto, voy a llamar al evento recs. Voy a llamar al evento en nuestra etiqueta corporal. H para escribir en reside. En resize y nuestro nombre de función, y nuestro nombre de función es recise Función de cambio de tamaño. Aquí llamo a un nombre de función recise function, y ahora necesito crear la función Aquí escriba function, y nuestro nombre de función es resis function. Copo el nombre y lo pego aquí. Y dentro de la ress rizada voy a mover este código y establecer este archivo. Después de sep este archivo, se puede ver en mi consola, es impresión soso Pero si aumento la altura del navegador, ahora puedes verlo imprimir la altura interior y la altura exterior, el navegador, y no necesitamos actualizar nuestro navegador para imprimirlo. Siempre que aumente la altura del navegador, lo imprima. Ahora la altura interior es 295 y las alturas exteriores, una y 37. la misma manera, podemos imprimir ancho interior y ancho exterior. Entonces voy a duplicar esta línea y comentar la anterior. Aquí voy a empatar al principio, aquí voy a cambiar la variable n, que es la maleza interior. El ancho interior igual al camino interior es igual al punto de la ventana, wi interior. Entonces consolt log print wi interior. De la misma manera, voy a imprimir ancho exterior. Entonces tipo H outter wi. Enrolle el exterior y luego imprima el tronco consolt, exterior con. Si configuro este archivo, ahora se puede ver en mi consola, es insípido de impresión Pero si aumento el ancho del navegador, entonces ¿qué pasó? Después de aumentar el ancho del navegador, se puede ver en mi consola, se imprime ancho interior, 720, ancho exterior, 916. Si aumento un poco el navegador, como pueden ver, imprimo ancho interior 823, y el ancho exterior 1045 Así es como podemos obtener altura interior, ancho interior, altura exterior y exterior con. Gracias por ver este video, estad atentos para nuestros dos próximos. 90. Método de apertura y cierre de ventanas de JavaScript mejorado 90p: bueno verlos de vuelta chicos, una vez más, estoy de vuelta con otro Tutorial relacionado con la bomba Javascript. En este tutorial, vamos a aprender el método Java script open window y closed window. Aquí puedes ver una ventana, y es Ventana A. Ahora quiero abrir otra ventana usando esta ventana. Quiero crear la ventana B usando una ventana. Para eso, Javascript vino con un método especial. Que es el método abierto. Para usar método abierto, podemos usar botón, de lo contrario, cualquier fuga. Además, puedes usar cualquier imagen en la que se pueda hacer clic. la misma manera, si quieres cerrar la ventana B usando la Ventana A para eso, necesitamos usar otro método especial. Que es el método cercano. Veamos cuál es la sintaxis del método abierto? Aquí puedes ver una declaración para abrir ventana. Al principio, necesitamos escribir el nombre del objeto, que es indo. Entonces necesitamos usar el método, y nuestro nombre de método es open window dot open. Entonces en conjunto los ses, Aquí tenemos que pasar a tres parámetros, URL, nombre y espacio. Básicamente, estos parámetros son opcionales. Si no usas estos tres parámetros, va a abrir una ventana en blanco. Hablemos de nuestro primer parámetro, que es URL, y una forma completa de URL es un localizador de recursos uniforme. Aquí tenemos que pasar el nombre de dominio del sitio web. Al principio, tenemos que pasar el protocolo. STTP, de lo contrario, STP. Entonces sla W o nombre del sitio web. Entonces viene nuestro segundo parámetro, que es el nombre. También es un parámetro opcional. Si quieres darle un nombre a tu ventana, entonces puedes usarlo. En nuestro caso, primera ventana. De lo contrario, puede usar algunos parámetros predefinidos. Como subrayado en blanco, subrayado padre, limo subrayado y underscota Si desea crear una ventana externa, entonces puede usar este parámetro, subrayado en blanco Si usas subrayado padre, entonces va a reemplazar la ventana existente, y luego viene subrayado celda Utilizamos parámetro sell, donde usamos i frames. Si quieres abrir este sitio web en un iframe en particular, entonces puedes usarlo. O último parámetro es subrayado Tk. Utilizamos este parámetro cuando creamos nuestro sitio web en un framest Actualmente, nadie crea sitio web en los marcos de la misma. El parámetro popular está bajo Scope soso. La mayoría de las veces usamos este parámetro. Ahora, hablemos de un último parámetro, que son las especificaciones. Es especificación principal. Viene con algunas llantas pre deifinadas, como con altura, izquierda Usando altura y ancho, se puede definir el tamaño de la ventana. Usando la izquierda y la parte superior, puede definir la posición. ¿Por qué quieres abrir la ventana en tu pantalla? Sin esto, especificación vienen con alguna propiedad extra, pero estas no son necesarias ahora. Empecemos la práctica y veamos cómo podemos usarla. Por último, estamos en mi editor de código de Vis Studio. Como pueden ver, lado a lado, abro mi editor de código Vs Sdio y mi navegador usando la extensión de servidor Light, y ya creo un punto de índice de nombre de documento St en Al principio, voy a crear una etiqueta de botón dentro de nuestra etiqueta corporal. Botón. O nombre inferior es Open Hindu. Y dentro de esta etiqueta de botón, voy a llamar a función. Y nuestro nombre de función es ventana abierta. Y voy a poner este archivo. Ahora puedes ver en mi navegador, creamos con éxito un nombre de botón Abrir ventana. Si hago clic en este botón, va a llamar a la función Abrir ventana. Ahora, en establecer la etiqueta script, voy a crear la función Abrir ventana. Copio el nombre de la función y en conjunto la etiqueta script Función tipo Ham. Función y nuestro nombre de función es Openindo. Después configuro las llamadas, H voy a usar el método de ventana abierta. Hermo tipo ventana punto abierto y seminario a en esta línea. Voy a volver a configurar este archivo. Como se puede ver en este método, aquí no paso ningún parámetro. Ahora, si hago clic en este botón de abrir ventana, se puede ver en mi navegador, automáticamente se abre una ventana en blanco. Se crea una nueva pestaña, y voy a cerrar esta pestaña. Cada vez que crea una nueva pestaña en blanco. Ahora quiero pasar nuestro primer parámetro. Quiero abrir un sitio web en nuestra pestaña. Aquí dentro del doble código. Primero, necesitamos escribir el nombre del protocolo, que es HTTPS. Colon nuestro nombre de sitio web, w google.com. Ahora vamos a configurar el archivo y dar clic en este botón. Después de pulsar el botón de abrir ventana, como se puede ver, se abre un nuevo tipo y se redirige a google.com Ahora, hablemos de nuestro segundo parámetro, que es Name. Aquí paso un coma y dentro del doble curso, voy a pasar un nombre y el nombre es solo Google. Físicamente nombre es parámetro opcional. Si configuro este archivo y hago clic en abrir ventana, como puedes ver, como puedes verlo crear un nuevo tipo y redirigirlo a world.com Pero no cambia nada. El nombre del título vino del sitio web real. Además, aquí podemos usar algunos valores predefinidos, como el guión bajo negro Es un valor por defecto. Si configuro este y prese abre el botón de ventana, Hc crea una nueva ventana Pero si utilizo otro parámetro predefinido, que es parent, subraye parent Si configuro este archivo y presiono el botón de abrir hacer ventana, y presiono este botón, aquí puedes verlo redirigir el sitio web en la misma página. No crea ninguna ventana nueva. Sin eso, tenemos dos ruedas, auto y top. Aquí no voy a usar estas ruedas. Si trabajas con marcos y, entonces puedes usar self wil. Ahora, hablemos de nuestro tercer parámetro. Pero antes voy a quitar el segundo parámetro, aquí voy a pasar en blanco. Porque para de otoño cada vez va a crear una nueva ventana. Ahora, hablemos de nuestro tercer parámetro, que es la especificación. Sprocma, en el dole cos, primero, voy a especificar el ancho del navegador W igual a 500 píxeles. Entonces aca, necesitamos especificar la altura, altura igual a 200 pixel. Recuerde, estas propiedades siempre aceptan valor de píxel, no valor porcentual o EM. Después de configurar el archivo, si alabo botón de ventana abierta, ahora se puede ver esquina izquierda en su pantalla, se abre una nueva ventana con 200 píxeles de altura y 500 píxeles de peso. Aquí crea una ventana separada con altura y peso específicos, y puedes arrastrar y soltar la ventana en cualquier lugar. Además, puedes cambiar el tamaño de la ventana. En especificación, tenemos otros dos valores. Izquierda y arriba. Déjame mostrarte cómo puedes usarlo. Usando el valor izquierdo y superior, puede establecer un margen para su ventana. Déjame mostrarte como queda Spraca, primer tipo de cantidad Izquierda igual a 300 píxeles. Coma y desde arriba, quiero 200 pixel, top igual a 200 pixel. Voy a establecer este archivo. Si prese botón de ventana abierta, ahora puedes verlo abrir una nueva ventana Pero dice que el margen de 300 píxeles del lado izquierdo y el margen de 200 píxeles desde la parte superior. Este valor pre divent puede abrir tu ventana exactamente donde quieras Ya aprendimos cómo podemos abrir ventana. Ahora vamos a aprender cómo podemos cerrar nuestra ventana de la ventana existente. Para eso, voy a crear otro botón. Yo nos metemos en esta línea y voy a comprobar, voy a cambiar el nombre de la función, que es cerrar ventana. Además, voy a crear una función para cerrar ventana. Función, y nuestro nombre de función, cerrar ventana. Copio el nombre y quiero pegarlo aquí. Como dije, el receso redondo, necesitamos usar el método de cerrar ventana. Pero antes necesitamos declarar una variable, y nuestro nombre de variable es M ventana. Eso es para terminar esta línea. Usando esta variable, vamos a vincular esto al metilo. Su tipo mi ventana igual a la función de ventana abierta, y él configuró la función de ventana cerrada, tipo M ventana cerrada función. Un semicon a en esta línea, y voy a configurar este archivo Ahora puedes ver en mi navegador, tenemos total a diferente botón. Ventana abierta y ventana cerrada. Antes de ejecutar este código, quiero decirte algo. En el navegador Chrome, la función de cierre no termina. Por eso voy a ejecutar este código en el navegador Firefox. Algunos abren mi navegador Firefox. Como pueden ver, ya abro este archivo, índice. Si pres botón de ventana abierta, como se puede ver, se abre nuestra ventana en la posición especificada con la altura especificada y especifico ala Si llamo a función cerrada usando el botón de ventana cerrada, Ahora puedes verlo cerrar nuestra pestaña. Es así como podemos usar abrir y cerrar Matho. Hanks por ver este video, estad atentos para nuestro próximo Tutorial 91. Tutorial de ventana de JavaScript moveBy y moveTo 90p: De nuevo, estoy de vuelta con tutorial agregado relacionado Java SkyTo En este tutorial, vamos a aprender ventana op by y op a pathos Aquí puedes ver en tu pantalla, tenemos un nombre de ventana A. Usando esta ventana, abro otra ventana, que es B, y ya aprendimos sobre el método open en nuestro tutorial anterior. Con eso, también aprendemos sobre especificaciones. Como te dije en nuestro tutorial anterior, si no pasamos a la izquierda y valor máximo, por caída vamos a abrir nuestra ventana en la esquina eftp Pero podemos especificar la posición de la ventana usando el valor izquierdo y superior. Pero ahora después de crear la ventana B, quiero mover la ventana. Quiero mover la ventana desde la ventana A, no desde la ventana B. Para ello, tenemos dos métodos, move by y move. Tanto el método hacen el mismo trabajo, pero hay diferencia menor. Entonces, sin perder el tiempo, estudiemos prácticas y veamos cómo podemos usarlo. S mejor lado, abro mi editor de código visual studio y mi navegador usando la extensión del servidor Lib, y abro mi documento anterior este. En nuestro tutorial anterior, aprenderemos cómo podemos abrir una ventana en una posición especificada con altura especificada y especificada. Al principio, voy a crear otro botón. ¿Obtenemos el botón y voy a cambiar el nombre del botón, que es ventana. Mover ventana. Además, voy a cambiar el nombre de la función. Abre la ventana dos. Mover ventana. Después de establecer el archivo, como pueden ver, ahora el botón P, abrir ventana y mover ventana, y luego voy a quitar la propiedad izquierda y superior porque quiero colocarla posición predeterminada, significa esquina izquierda. Ahora necesitamos crear la función de ventana de movimiento. Copo el nombre de la función y la función de tipo dobladillo, y nuestro nombre de función es mover ventana. Después los casos, primero, voy a usar el método L dos. Hm tipo mi ventana punto mover dos. Entonces el desnudarse más allá de dos padres. Tenemos que especificar la posición. Haring a las dos pasadas, izquierda y derecha. Para xx, voy a tomar 100 y para y x, también voy a tomar 100. Y alguien va a hacer en esta línea, y voy a volver a poner este archivo. Ahora, fijemos el código e intentemos abrir la ventana. Como puedes ver apres, botón de ventana abierta, dolerá una nueva ventana en la posición predeterminada Si pres mover el botón de ventana, no va a funcionar. Déjame mostrarte. Aquí presiono el botón mover ventana. Como puedes ver apps, mover el botón de viento, no mueve nuestra ventana en una posición específica. Si te muestro mi sección de consola en consola Spa, él ve una flecha. Porque si redireccionamos al sitio web de otra persona, entonces no podemos mover la ventana. Entonces no podemos controlar la ventana. A los navegadores no se les permite permiso para hacerlo. Pero si me quito la URL a tope, entonces ¿qué pasa? Aquí voy a pasar un valor bancario a nuestro primer parámetro. Yo lo quito. Y vuelve a poner el archivo. Ahora, de nuevo, voy a presionar el botón de abrir ventana. Se abre nuestra ventana, y ahora quiero mover la ventana. Si pres mover el botón de ventana, ahora lo veo mover nuestra ventana perfectamente Ahora estamos en nuestra propia página web. Por eso podemos controlar la ventana del navegador. Ahora el problema es que después de mover la ventana, perdemos el foco de esta ventana. Ahora es foco a esta ventana. Ahora quiero después de mover la ventana, quiero enfocar la ventana. Para eso, necesitamos usar otro método, que es el foco. Mi método de enfoque de punto de ventana. Y luego semicon para terminar la línea. Voy a volver a configurar este archivo. De nuevo, voy a abrir otra ventana. Después, abre el botón de ventana, como puedes ver, se crea una ventana. Si presiono, mueva el botón de ventana, ahora se puede ver, ahora redirecciona el foco a esta ventana. Ahora, ¿qué? Si especifico la posición exacta cuando abrimos la ventana, déjame mostrarte. Aquí yo para pasar y valor máximo una vez más. Dejar igual a 300 píxeles. Parte superior igual a 300 píxeles. Ahora, volvamos a abrir la ventana. Entonces, para presionar el botón de ventana abierta. Ahora puedes verlo abrir nuestra ventana en la posición especificada. Desde el lado izquierdo, toma 300 píxeles. Desde la parte superior, también toma 300 píxeles. Si presionamos el botón mover ventana, mueve nuestra ventana a la posición exacta i se especifica. Ahora, hablemos de otra función, que es pasar por. Voy a duplicar esta línea y comentar la anterior. Y Harmo usa movimiento por método. Muévete por. M la función se mueve sobre la ventana de acuerdo a la pantalla. Pero mover por función mover la ventana acuerdo a la posición relativa. Déjame mostrarte qué. Entonces Precept este archivo. Si abro el botón ventana, como pueden ver, se abre nuestra ventana en la posición especificada. Pero si coloco mover el botón de ventana, ahora se puede ver, mueve nuestra ventana desde la posición relativa. Desde esta posición, mueve 100 píxeles al final, también desde la parte superior. Este es el uso de mover por y trapear dos funciones. Sólo una cosa que debes recordar. Mover al trabajo de función desde la posición absoluta, y mover por trabajo de función desde la posición relativa. Esta es la diferencia básica entre dos funciones. Gracias por ver este video, estado incluso para nuestro próximo a. 92. Tutorial de resizeBy y resizeTo de JavaScript 90p: Nosotros respaldamos chicos. Una vez más, estoy de vuelta con otro tutorial relacionado Java bomba de derrape. En este torial, vamos a aprender otros dos métodos. Cambiar el tamaño y cambiar el tamaño de la herramienta. Aquí puedes ver un navegador que hacemos. Cuando abrimos la ventana, especificamos un tamaño, cien por 100 píxeles. Ahora quieres cambiar el tamaño este navegador sin arrastrar y dibujar También desea especificar ocultar y peso. Para este tipo de redimensionamiento, tenemos que dos método en un guión, resis y receso dos Con descansar tu tiempo, comencemos lo práctico y veamos, ¿qué es eso? Como de costumbre, lado a lado, abro mi ss para ir editor de código y mi navegador usando la extensión L Server, y abro mi estimación previas nombre del documento Index dot At. Si alabo, abra el botón Winder, como pueden ver, crea una nueva ventana, y ya especificamos aumentar peso a esta ventana con 500 y altura 200 Ahora quiero cambiar el tamaño de esta ventana sin arrastrar. Para eso, primero, necesitamos tomar un botón. Voy a replicar esta línea, y voy a cambiar el nombre de la función Voy a reemplazar open w redimensionar. Nuestro nombre de función es cambiar el tamaño de la ventana. También necesitamos cambiar el botón fijo, cambiar el tamaño de la ventana. Ahora necesitamos definir la función en nuestra etiqueta script. Me ocupo con el nombre de la función y la función de tipo mo, y nuestro nombre de función es ventana de recise Entonces dentro del auto ses, necesitamos escribir mi punto de ventana o nombre de método, que es redimensionar dos Y aquí tenemos que pasar la d, y voy a decir aumentar ancho, 400 por 400, 400 coma, 400 y Sem dos en esta línea Vamos a establecer el archivo. Aquí puedes ver ambos botones. Entonces voy a presionar el botón de abrir ventana. Ahora quiero hundir esta ventana. Entonces voy a presionar el botón de redimensionar ventana. Después de pre cambiar el tamaño de la ventana, se puede ver el resultado. Me cambio a altura y. Este es el uso del método de receso dos. Veamos nuestro segundo método, que es empotrado i. Al principio, voy a duplicar esta línea y comentar a la anterior. Y voy a sustituir el receso dos por bi empotrado. Ahora la pregunta es, ¿cuál es la diferencia entre el método del receso i y el receso dos? Si usamos el rebaje por método, se va a extender el peso existente Aquí puedes ver, cuando abrimos nuestra ventana, establecemos una altura de 200 píxeles. Y si usamos la función redimensionable, va a aumentar la altura con la altura existente Se va a sumar 400 con 200. De manera similar, va a sumar 400 con 500. Déjame mostrarte. Así que un conjunto de este archivo, voy a abrir la ventana. Ahora puedes ver nuestra altura de ventana es de 200 píxeles, W es de 500 píxeles. Pero si presiono ventana de rebaje, ahora nuestra altura de pestaña es de 600 píxeles y la pestaña es de 900 píxeles. receso por método funciona con valor existente, y el rebaje dos metacorrientes, pero receso dos método funcionan por separado. Esta es la diferencia entre rebaje y y el método del receso dos. Gracias por ver este video, St melodía para nuestro próximo vio. 93. Tutorial de JavaScript scrollBy y scrollTo 90p: Me alegro de verles chicos. Otra vez estoy de vuelta con otro tutorial relacionado Java Skip bomb. En este tutorial, vamos a aprender score by and scroll two method. Y puedes ver una ventana del navegador en tu pantalla. Y también, se puede ver la barra de desplazamiento de partículas y la barra de desplazamiento horizontal. Ahora, desea desplazarse por la ventana sin tocar la barra de desplazamiento. Para ese paso de Java, introducir al método especial. Desplázate y desplázate dos. Antes de estudiar práctico, necesitamos entender w muchos escriba up score bar que tenemos en nuestro navegador. Como ya les dije, hemos puesto dos tipos de barra de puntuación, vertical y horizontal. Si quieres manipular la partitura vertical, entonces necesitas pasar el valor y x. Si quieres manipular la partitura horizontal para eso, necesitas usar x x. Si quieres mover la barra de puntuación al alza para eso, necesitas pasar menos y x V. Si quieres moverla a la baja, entonces por defecto, necesitas pasar el valor No hace falta mencionar más. De manera similar en la barra de partitura horizontal, si quieres mover el lado b, necesitas pasar menos. Si quieres mover la barra de puntuación del lado derecho, necesitas pasar más V. Comencemos la práctica y veamos cómo podemos usar scroll two y scroll por método. Como pueden ver lado a lado, abro mis visas a su editor de código y mi navegador usando la extensión Live Server, y ya creo un documento estable llamado Index door Stable. Como puedes ver dentro de la etiqueta corporal, tenemos una mordaza de rumbo Ahora quiero usar la barra de desplazamiento. Para eso, voy a añadir un párrafo, un párrafo grande. Aquí voy a usar la etiqueta P. Y dentro de la etiqueta sp, voy a escribir Blue im 2000. Aquí voy a agregar 2000 palabras el párrafo es enorme. Voy a establecer este archivo. Aquí puedes ver un pájaro de desplazamiento en nuestro navegador. Ahora necesitamos agregar un botón debajo de la etiqueta de encabezado. Él escribe botón. Aquí voy a escribir un subtítulo y voy a escribir ventana de desplazamiento. Con eso, voy a llamar a una función con evento click. Hm tipo al hacer clic en arcilla. Haga clic en, y nuestros nombres de funciones, ventana de desplazamiento. Voy a copiar el nombre de la función. En cambio la etiqueta, voy a definir la función. Función y nuestros nombres de función ventana desplazada. Entonces ese el scss tipo Jamón, Ventana viento punto aquí voy a usar desplazada por método Dentro del ss largo, voy a pasar por un parámetro de dos. Por ahora, no quiero pasar x x. Paso cero. Para y xs, quiero desplazarme hacia abajo para tipo celda, así paso 40, y luego semig dos en esta línea Y voy a poner este archivo. Después de paso el archivo, se puede ver el botón de la ventana de desplazamiento. Como puedes ver, nuestra barra de puntuación está en la parte superior. Pero si presiono el botón de ventana de puntuación, entonces se puede ver que se mueve hacia abajo 40 píxeles. Si presiono de nuevo, otra vez, se movió hacia abajo 40 píxeles. Pero ahora quiero desplazarlo en dirección ascendente. Para eso, aquí hay que pasar menos hacer. Paso -40 y configuro este archivo. Después de la ventana de desplazamiento, como puedes ver, mueve nuestra barra de puntuación hacia arriba en dirección ascendente. Aquí trabajamos bien con partitura vertical. Trabajemos bien con la partitura horizontal. Para eso, necesitamos tomar una pestaña profunda. Aquí escriba deep. Voy a mover este párrafo dentro de esta pestaña profunda. Corté este párrafo y lo hoyo dentro de esta pestaña profunda. Ahora voy a usar atributo de estilo en estilo Panagra, y voy a usar con propiedad Nosotros lo gallina pixel. Percibo este archivo, se puede ver el resultado. Aquí, puedes ver una barra de desplazamiento horizontal en nuestro navegador, y ahora voy a pagar con valor x x. Voy a hacer y x valor cero. En x x cero, aquí voy a pasar 100. Después de configurar este archivo, si presiono ventana de desplazamiento, se puede ver, después de pulsar el botón de ventana, se desplaza hacia fuera navegador 100 picel en x x dirección Si uso valor menos aquí, y el conjunto de este archivo, y luego otra vez, presiono este botón. Ahora puedes ver, mueve el párrafo en dirección opuesta. Así es como podemos usar x x valor e y xs. Ahora, hablemos de scroll two property. Entonces para ser esta línea y comentar la anterior. Aquí voy a cambiar scroll by con scroll. Y voy a poner este archivo. Además, voy a cambiar la d, cero en x xs y cero en y x, y establecer este archivo. Antes de presionar el botón de la ventana de puntuación, voy a bajar o barra de puntuación. Si presiono, botón de ventana de puntuación ahora, como puedes ver, vuelve a la posición por defecto. Lo siento, yo no es la posición por defecto. Porque Harrow set x x es cero e y x es cero. Por eso vuelve a la posición inicial. De manera similar para barra de puntuación horizontal. Si lo muevo un poco y luego presiono este botón, ya que puedes volver a la posición anterior Desplázate por trabajo relativamente y desplázate para trabajar absolutamente. Esta es la diferencia entre scroll by y scroll to method. Gracias por ver este video, Stdune para nuestros dos próximos. 94. Tutorial de objetos de ubicación de JavaScript mejorado 90p: Hola, chicos, es bueno volver a verles. Una vez más, estoy de vuelta con otro Tutorial relacionado con Java Streep bomb En este Tutorial, vamos a aprender Java Streep location object Aquí puedes ver el navegador en tu pantalla. Como saben, esta es la barra de URL de este navegador. De lo contrario, podemos llamarlo barra de ubicación. Si desea obtener algún tipo de valor de estos para eso, necesita usar el objeto de ubicación. Usando la ayuda de algunas propiedades especiales, podemos obtener los valores. Tenemos un total de 19 propiedades y algunos métodos. Vamos a aprender uno por uno todo esto. Comencemos la práctica y veamos cómo podemos obtener valores de la barra de URL con la ayuda de estas propiedades. Como de costumbre, lado a lado, abro mi editor de código visa studio y mi navegador usando la extensión de servidor Light, y ya creo un documento estiL llamado index dot HTML Y ahora vamos a practicar propiedades de objetos de ubicación una por una. Aquí puedes ver la barra de ubicación. Además, puedes ver algo especial, que es una dirección IP, porque ejecutamos nuestro archivo estim desde el servidor en vivo Si abres el archivo desde el servidor Locales, lo contrario, cualquier servidor en línea, entonces puedes usar estas propiedades. Ahora, vamos a abrir la consola y probar el objeto de ubicación. Consola tipo Hm dot log console dot log está en la ubicación redonda de Bress Ubicación tipo Amo. Si presiono enter. Ahora bien, si abro la sección desplegable, aquí puedes ver todas las propiedades nombre del objeto location, tiene host name, HDF, origin, pathname, port, etcétera También, se pueden ver los valores. Recuerda, puedes obtener el resultado solo cuando ejecutas tu archivo desde el servidor. Ahora, vamos a ejecutar el mismo comando en google.com. En otro tipo, ya abro google.com. Aquí, también voy a abrir mi Consola. Voy a escribir el registro de puntos de consola dentro de la ubicación de las prensas redondas. Y Semg dos en esta línea. Si presiono enter, y abro la sección desplegable. Ahora se puede ver el tipo similar de datos proporcionados por el google.com Aquí puedes ver hostname y host ps mismo. Además, se puede ver la ruta y el origen, y el protocolo es STTP S. Como saben, S significa SQ Si te muestro mis datos de servidor local, como puedes ver, el protocolo es HTTP. Quiero decir que no es un sitio seguro. Ese es el tema diferente. Ahora, una a una, quiero conseguir todas las ruedas. Para eso, necesitamos usar todas las propiedades de ubicación. Veamos cómo podemos conseguirlo. Al principio, quiero devolver el nombre de host de nuestro servidor local. Para ello, tenemos que atar la consola de registro de punto está en el receso redondo. Primero, tenemos que llamar al objeto location. Punto de ubicación y el nombre de nuestra propiedad, y nuestro nombre de propiedad es anfitrión. Y Sem dos esta línea. Si presiono enter, como pueden ver, escribió el host pe. Escribía la dirección IP. Si ingresas el mismo comando para la página CO, déjame mostrarte Sonido pasa el código y presiona enter, ahora puedes ver, devuelve el nombre de host ww google.com Como sabes, nuestro archivo atm index dot se ejecuta desde el servidor host local. Por eso escribió la dirección IP. Pero google.com corren desde el servidor en línea. Como saben, esta dirección IP enlaza con el dominio. Por eso escribió el nombre de dominio. Del mismo modo, si quieres devolver el nombre del host, déjame mostrarte ubicación punto nombre de host. Y ejecuta el código. St el mismo resultado. Pero si ejecutas el mismo comando en el servidor Loco, déjame mostrarte ubicación punto nombre de host. Y luego ejecutar el marcador. Ahora puedes ver, es la única dirección IP. Pero en anfitrión, devuelve el número de puerto también. Ahora quiero devolver la URL completa del sitio web. Para eso, necesitamos usar RDF. Ha pa el código.catión hacer RDF. Si presiono enter, puedes ver el resultado. Se devuelve el protocolo, nombre del servidor, IP del servidor, de lo contrario nombre de dominio y el archivo, que abrimos. Solo debes recordar, la propiedad HRD devuelve el nombre de la página con el nombre de host Ahora, hablemos de otra propiedad que es alberca. Así que para ejecutar el grupo de comando y ubicación. De nuevo, voy a ejecutar este comando y escribir locación pot. Si ejecuto este código, se puede ver que devuelve el número de puerto, que es 5,500 Puedes ver el mismo nombre de puerto en la barra de URL. Después de la dirección IP, Colón 5,500. Y de la misma manera, si devolvemos el protocolo, déjame mostrarte el protocolo de ubicación del registro de puntos de Cs. Y ejecuta la partitura, puedes ver triton HTTP. Si ejecuto el mismo código en la página de google.com, Copia el comando, y si ejecuto la partitura aquí, ahora puedes ver el protocolo tritón HTTP Ahora, vamos a abastecer otra propiedad, que es tiene. Porque, en nuestra barra UDL, después de la barra, voy a usar tiene segundo Si presiono enter, como pueden ver, es st err, porque hash no está disponible, por eso es fumeta Pero si ejecuto este comando, déjame mostrarte consol dot log location has Después de presionar enter, como puedes ver, está escrito segundo, segundo. Ahora, hablemos de otra propiedad, que es la búsqueda. Para eso, voy a saltar a la pestaña de Google. Primero, voy a buscar algo imagen. En mi consola, voy a ejecutar un comando, ubicación de consola Buscar. Si quieres devolver el valor de búsqueda desde la URL o esa, puedes usar este comando. Activar para escribir la búsqueda de puntos de ubicación. Si presiono enter, como pueden ver, se trata de imágenes escritas. Aquí buscamos imágenes de comando, y el resto de datos es agregado por el celular de Google. Además, puedes ver la celda Buscar squary en nuestra barra de URL. Buscar imágenes. La mayoría de las veces usamos este comando cuando trabajas con lenguaje del lado del servidor como PHB Aprendemos cómo podemos obtener el valor de la URL. No n eso, también podemos establecer los valores. Déjame mostrarte. Vuelvo a la página de Index dot est y aquí, voy a escribir Location RDF Ahora quiero establecer un nombre de dominio. Para eso, cuando escribir igual a, en conjunto los códigos dobles, primero en escribir el protocolo, y H voy a usar STDPS Colin el nombre de dominio, WWW y luego seg a N esta línea Ahora bien, si configuro este archivo y reprimo esta página de índice punto de EstiML, déjame mostrarte como puedes verlo rojo dos Ya aprendiste sobre cómo podemos usar esta propiedad para establecer valor y obtener valor. Ahora, hablemos de los métodos de objetos de ubicación, y estos son Asignar recarga y reemplazo Si quieres establecer un nuevo valor en esta barra D, para eso, puedes usar el método Assign. Si quieres reemplazar tu página por eso, puedes usar read. El último es reemplazar. También es bastante similar con el método Assisted. Pero hay una pequeña diferencia entre ellos. Déjame mostrarte. Aquí puedes ver, ya creas un botón nombre click. Y también agregamos sobre el evento. Y se puede ver el clic de la función. En esta función, primero, voy a usar el método de recarga de punto de ubicación Recargar. Si configuro este archivo y después de hacer clic en este botón, cada vez que puedas ver en mi guerra de URL, vuelve a cargar mi navegador Ahora quiero asignar un nuevo valor a nuestra guerra de URL. Para eso, necesitamos usar el método assign, location assign. Dentro de los rounders, necesitamos proporcionar el nombre de dominio. Primero, tenemos que atar el protocolo, HTTPS. Colón WW google.com Después de configurar este archivo, si hago clic en este botón, ahora se puede ver que es rojo dos google.com Este es el uso del método asignado. Ahora, hablemos de nuestro último método, que es el lugar. Quería escoger esta línea y comentar la anterior. Aquí, voy a atar ubicación. Este método también funciona como método asignado, pero eliminó el historial. Déjame mostrarte. Yo en el doble curso, voy a escribir el mismo sitio web, google.com Después de paso el archivo, voy a hacer clic en el botón. Ahora lo puedes ver leído en gole.com. Pero si te enfocas en mi sección de flecha, como puedes ver, en nuestra flecha izquierda, no tenemos ninguna opción de volver atrás porque eliminó el historial. Espero que el objeto de ubicación sea claro para ti. Gracias por ver este video, Ste. 95. Tutorial de objetos de historia de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con otro Tutorial relacionado con Java script bomb. En este tutorial, vamos a aprender sobre objeto historia. En este tutorial, vamos a aprender todas las propiedades y métodos relacionados con el objeto de historia. Aquí puedes ver una pantalla del navegador. Además, se pueden ver dos botones, hacia atrás y hacia adelante. Si quieres ver las páginas hacia atrás y hacia adelante para eso, necesitamos usar el objeto history, y nuestro objeto history vino con una sola propiedad, que es Ln. En la misma ventana, cuántos sitios web abres, usando la propiedad de longitud puedes obtener. Déjame mostrarte la propiedad en la práctica. Como de costumbre, lado a lado, abro mi editor de código de estudio de usuario y mi navegador usando la extensión Live Server, y ya creo un documento de estimación llamado Index dot, HTM. Al principio, voy a abrir mi sección de consola, inspeccionar y consola, y Homeo type console dot log console dot log inside the round ses, Home type history Entonces subogol para terminar con esto l. Si me gusta entero, ahora se puede ver en mi etiqueta de historia Ahora puedes ver un menú desplegable. Si abro este desplegable, como pueden ver, n es uno. Si descargo la opción de prototipo, ahora puedes ver algunas matemáticas, atrás, adelante, ir n et c. Ahora, agreguemos y cortemos etiqueta dentro de la etiqueta corporal H empate A y los enlaces, HTTP colon s y el sitio web es google. WWW google.com. Voy a establecer este archivo. Además, necesito agregar un texto a esta etiqueta angular. Los voy a escribir Google. Presiono este archivo, se puede ver un enlace en esta página web, y ahora voy a presionar google.com Como pueden ver, se redirige a mí google.com. Si te muestro mi enlace ahora, así que en mi consola, voy a escribir consola dot log configuro la pulsación redonda, quiero devolver la longitud. Hm tipo historia hacer lin como smal para terminar esta línea. Después de establecer este archivo, si me pris enter, ahora se puede ver que volvió a Ahora la pregunta es por qué se vuelve a porque ahora tenemos decir historia. Si hago clic en este botón volver atrás, ahora se puede ver, es de vuelta a la página de mi índice punto estable. De nuevo, voy a mostrarles esta historia. Historial de registro de puntos de consola. Entonces puedes ver ahora la longitud es demasiado, porque ahora nuestro botón de avance está activado. Ahora podemos ir adelante a google.com sin presionar esta fuga, se puede ver el resultado Yo salto soplador scler para ti como funciona la función de longitud. Ahora, hablemos del método de la historia objeto. Normalmente, tenemos un total de tres métodos útiles, retrocedido, adelante, e ir. Si quieres ir hacia adelante y hacia atrás, sin presionar esta flecha, entonces puedes usar este método. Si quieres retroceder, entonces necesitas usar B Mathod Si quieres seguir adelante, entonces necesitas usar forward. Usando el método G, puedes hacer el cuestionamiento. Vamos a saltar al código de Visual Studio y ver cómo podemos usarlo. Al principio, voy a cambiar la dirección del enlace. Y voy a empatar índice dos atm. Y voy a sustituir a Google por, página dos. Página dos, y voy a configurar este archivo. También, voy a cambiar el rumbo. Voy a reemplazar el objeto de historial de script Doa con estamos en la página uno, y establecer este archivo Ahora necesito crear Index two estim page en mi directorio de trabajo actual Aquí voy a crear otra página. Indice dos puntos HTML, y voy a copiar todo el código de la página de estimación de puntos de índice. Y pegarlo dentro de Índice de dos puntos de la página de estimación. Voy a sustituir al principio, voy a sustituir nuestro rubro, donde en la página dos. De nuevo, voy a crear otra página. Aquí quiero cambiar el nombre del enlace, página tres. También necesitamos redirigir a otra página Índice tres. Voy a poner este archivo, y luego seccionar el H C y copiarlo. De nuevo, voy a crear otra página de estimación de punto índice. Índice de tres puntos STL. Voy a pegar todo el código aquí, y también voy a reemplazar la página dos por la página tres. Estamos en la página tres. Pero esta vez, no necesito ninguna etiqueta de anclaje para redirigir. Entonces voy a quitar esta etiqueta de ancla. Conteste este archivo. Ahora puedes ver en mi navegador, estamos en mi índice punto et página, media página uno. Ahora, quiero saltar a la página dos. Entonces voy a hacer clic en este enlace. Página dos. Como puedes ver en mi barra U, redirecciona a Index dot dos STML Nuevamente, decido saltar a nuestra siguiente página, que es la página tres. Si hago clic en este enlace, ahora pueden ver que estamos en la página tres. Si te muestro mi historial, consola, Dot Log está en la historia de rasas redondas Ahora se puede ver que la longitud de la historia es de tres, porque tenemos pro tres página porque visitamos tres página al mismo ganar dos. Si te das cuenta, puedes ver, solo tenemos opción hacia atrás, no la opción hacia adelante, porque estamos en la página tres. Si alabo flecha hacia atrás, ahora estamos en la página dos. En esta página, tenemos dos opciones. Pero en esta página, tenemos ambas opciones. Podemos ir hacia atrás, también, podemos ir hacia adelante. Ahora decido ir hacia atrás. Como puedes ver, podemos movernos hacia atrás y hacia adelante desde la sección de URL. Pero ahora quiero hacer lo mismo usando botones. Para eso, voy a crear dos botones. Botón, y nuestro nombre de primer botón está de vuelta. Y también hay que convocar a un evento, que está al hacer clic. Al hacer clic, y también necesitamos proporcionar nuestro nombre de función y nuestro nombre de función es función de vuelta. Función B. Con eso, voy a crear otro botón. Yo para mojar esta línea y nuestros nuevos nombres de botón adelante. Y también hay que cambiar la función. Tipo Hm hacia adelante. Ahora necesitamos crear tanto la función en nuestra etiqueta script. En primer lugar, voy a copiar de nuevo la función. Función de tipo Hm y nuestro nombre de función es función de vuelta. Entonces dentro de las rondas está, voy a empatar historia punto atrás. Para la función back, utilizo el método back. Nuevamente, y luego voy a ser esta sección. También voy a cambiar el nombre de la función forward function. Copio el nombre de la función y lo sobrescribo. Además, aquí voy a cambiar el método. Voy a sustituir atrás adelante. Esto es, y voy a poner este archivo. Como puedes ver, creamos la función y el botón en Índice de tres páginas. Tenemos que copiar esta sección, y tenemos que hacer lo mismo en el botón Índice dos. También en el botón Índice uno. Lo siento, página. Ahora puedes ver en nuestra primera página, tenemos botón hacia atrás y hacia adelante. Ahora, quiero decidir seguir adelante. Si presiono el botón hacia adelante, como pueden ver, se trata de la página dos. Si decides retroceder, solo tienes que pulsar el botón Atrás. Entonces nuevamente, estamos en la página uno. Y ahora voy a presionar botón adelante dos veces. Estamos ahora en la página dos, y también voy a saltar adelante en la página tres. De nuevo, voy a presionar botón hacia adelante. Ahora puedes ver que estamos en la página tres. Pero, ¿qué? Vuelvo a presionar el botón hacia adelante, ¿y luego qué? Como puedes ver, después de presionar el botón hacia adelante, es re directo a nada Porque después de la página tres, no tenemos ninguna opción de reenviar, y también la puedes ver en la sección URL. O fuga hacia adelante está desactivada. Ahora, hablemos de nuestro último método, que es ir. Para eso, voy hacia atrás. Quiero decir que voy a volver a la página dos, y también voy a abrir el índice dos ATML Aquí, voy a crear otro botón. Duplico el botón y voy a reemplazar la función forward con la función go. Función G. Además, voy a cambiar el nombre del botón, vaya. Y ahora voy a crear la función en nuestro script. Función y nuestra función ems, ir función. Función G. Entonces puso el craso, aquí necesito escribir sus tres puntos, vaya Después puso el largo ss. Aquí necesito pasar un parámetro. Si quieres seguir adelante, entonces necesitas pasar positivo y si quieres retroceder, entonces necesitas pasar negativo. Primero, quiero seguir adelante. Aquí paso uno. Y voy a configurar este archivo y volver a cargar la página dos. Ahora se puede ver que hay un botón Nam ir. Si p ir botón ahora, como se puede ver en redirigir a, página tres. Ahora, hagamos lo mismo en la página Índice de estimación de tres puntos. Copia esta sección, y luego voy a saltar a la página de estimación de tres puntos del Índice, y voy a reemplazarla por nueva co. Pero antes de configurar este archivo, quiero ir dos pasos atrás. Quiero decir que quiero saltar a la página uno de la página tres. Quiero saltarme la página dos. Para eso, era pasar fiel negativo. Herodes pasa menos dos. Ahora puedes ver en mi página tres, ir botón es app. Si coloco el botón de ir, ahora puedes ver que es redirigir a la página uno. Es mantener la página dos. Además, voy a hacer lo mismo en la página uno. De nuevo, voy a copiar toda la sección y reemplazar nuestro código anterior por código nuevo. Desde la primera página, ahora quiero redirigir a la última página. Quiero decir la página tres. Para ello, necesitamos pasar valor positivo. Si configuro este archivo, puedes ver el botón. Si alabo, vaya botón, ahora se puede ver es rojo dos página tres. Cómo usamos con éxito tres tipos de método de historia, hacia atrás, adelante y adelante. Espero que ahora te quede claro. Gracias por ver este video, estado afinado para nuestro próximo tutorial. 96. Tutorial de JavaScript pageYOffset y pageXOffset: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java Skip ball. En este tutorial, vamos a aprender sobre dos nuevos métodos, page y opsite, y page X opsite Estos métodos son trabajar con la ventana del navegador. Entonces déjame mostrarte un ejemplo. Aquí puedes ver que tenemos una ventana del navegador. Y si notas la barra de desplazamiento vertical, ya desplazamos un poco la página. También para la barra de desplazamiento horizontal. Ya lo desplazamos un poco. Y ahora queremos extraer la distancia cuánto nos desplazamos. Necesitamos extraer la distancia y tenemos que medirla. Esto es para la barra de puntuación vertical, y también necesitamos extraer la distancia de la barra de puntuación horizontal. Para eso, Java script introduce dos metol, page y ost y page x ost Entonces, sin perder el tiempo, comencemos la C práctica, cómo podemos usar estas matemáticas. Entonces como pueden ver, lado a lado, abro mi editor de código de Visual Studio y mi navegador usando la extensión Lip Server, y ya creo un documento ESTL llamado index ATl Si notas puedes ver, no hay barra de desplazamiento en nuestro navegador, ni la vertical, ni la horizontal Entonces por ahora en nuestra etiqueta corporal, voy a agregar una Db paragra P, y voy a agregar mucho O. LEM 2000 Y voy a poner este archivo. Después de configurar este archivo, como pueden ver, agregó barra de desplazamiento vertical, y ahora voy a arrastrar un poco hacia abajo la barra de desplazamiento. Con eso, quiero extraer el valor cuánto nos desplazamos. Entonces voy a usar el método page y set. Así que H escriba la etiqueta de script dentro de la etiqueta body. Guión. Después dentro de la etiqueta script, como saben, estamos trabajando en el objeto window. Entonces escribe ventana. Entonces voy a agregar evento scroll. Entonces voy a usar add event listener. Y dentro del ss redondo, voy a usar viento scroll. Cuando te desplazas por esta página, va a llamar a una función anormosa, así que voy a crear una función Función dentro del C ss, y ahora quiero extraer el valor de desplazamiento vertical. Con eso, quiero imprimir este valor en nuestra consola. Así que tenga type console dot log dentro del proceso redondo, dentro del sitio de página tipo dos Amon Con eso, voy a usar signo de congregación, y quiero imprimir la ventana y bst valor ventana punto página y set, y voy a agregar punto y coma a en esta línea Y antes de configurar este archivo, encendamos la consola en nuestro navegador. Inspeccione la consola. Y voy a poner este archivo. Por lado este archivo, se puede ver el valor. El valor establecido de la página y es 563. Desplazamos 563 píxeles en dirección y xs. Y si muevo el scroll a hacia arriba, ahora se puede ver el valor actual, que es cero. Y si lo muevo hacia abajo, ahora se puede ver el valor. Aquí puedes ver ahora nuestra página y el valor establecido es 1,505. Pero ahora el problema está en nuestra consola, imprime todos los valores innecesarios. Quiero el valor exacto. Para eso, necesitamos despejar la consola. Así que aquí tipo consola punto claro método, y S comienzan a terminar esta línea. Voy a establecer este archivo. Después de establecer este archivo, ahora se puede ver el valor exacto, cuánto nos desplazamos, 1,505 píxeles Si muevo el scorewa hacia arriba de lo contrario a la baja, solo se puede ver un valor Es imprimir el valor exacto hacia arriba scroll ward. De la misma manera, podemos extraer el valor de page x ost. Entonces voy a rectar esta línea, y esta vez voy a imprimir la página x ost Pero el problema es que no tenemos ningún scoreward horizontal en nuestro párrafo Para eso, voy a tomar un elemento profundo en nuestra etiqueta corporal. Entonces antes de que comience el párrafo, aquí, voy a tomar un elemento profundo. Caja de puntos profundos. Además, voy a darle estilo a este elemento profundo usando su nombre de clase. Caja de puntos tipo H dentro del auto versus primera propiedad, voy a usar W. W 1,200 pixel. Altura, 300 píxeles, y voy a establecer el color de fondo. Tasa de color de fondo. D. Si configuro este archivo y muevo la partitura vertical hacia arriba, ahora puedes ver nuestra página y establecer el valor es cero, también la página necesitamos cambiar el nombre, página x conjunto. También nuestra página x valor establecido es cero. Ahora, si muevo un poco nuestro scroll horizontal , se puede ver el valor. Ahora puede ver que nuestro valor de desplazamiento de página x es de 174 píxeles, y nuestro valor establecido de página y sigue siendo cero. Entonces me muevo tanto la guerra de desplazamiento, se puede ver el resultado en mi consola. Entonces así es como podemos extraer el valor scroll usando los métodos. Entonces esto es para este tutorial. En el siguiente tutorial, vamos a aprender sobre dos nuevos métodos, Oset top y Oset lift Gracias por ver este video, Estadio. 97. JavaScript offsetTop y offsetLeft: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con una nueva tira de Java relacionada con Tutorial. Y en este tutorial, vamos a aprender sobre dos nuevos métodos, Oset top y Oset late Supongamos que este es nuestro navegador, y dentro de este navegador, escribimos algún texto. Y también tomamos un elemento profundo en ese lugar. Y ahora quiero extraer la distancia de este elemento profundo desde la parte superior. Quiero extraer la distancia desde la parte superior también desde el sitio del laboratorio, para extraer los valores Java tira introducir dos métodos. Oset top y Oset tarde. Así que saltemos al editor de código is Sudo y veamos cómo podemos extraer estos valores Entonces como nosotros, lado a lado, abro mi editor de código Vis Sdio y mi navegador usando la extensión Lipseer, y ya creo un documento STML nombre Y como pueden ver, en nuestra etiqueta corporal, tenemos una caja de clase profunda. Y en esta profundidad, tenemos un paragrap un paragrap ficticio y ya estilo Herst fondo también nos fijó entonces k 300 píxeles. También, tenemos una frontera. Y ahora quiero medir el valor desde arriba y el ascensor. Para eso, tenemos que saltar a la etiqueta script. Entonces voy a escribir guión. Y dentro de la etiqueta script, voy a usar consola. Consola dot log dentro de la ronda res, voy a imprimir una caja de estados de cuenta de la parte superior del sitio. Box set top, colon, y luego voy a usar lado congiración, y ahora sólo para apuntar a esta Para apuntar a esta casilla, voy a crear una variable dentro de la etiqueta script. Entonces variable es BOX box, box igual a, y voy a usar document doy selector método para apuntar a esta caja. Selector de consulta de punto de documento. Luego dentro de la prensa redonda dentro de las capas dobles, necesitamos pasar la caja ID. Lo siento, el nombre de la clase de caja, que es punto BO X, y el engreído a en esta línea Y ahora voy a usar esta variable ame. Caja. Box dot y nuestros métodos, opuesto a Y semi columna dos en esta línea. la misma manera, si queremos extraer el valor del lab, necesitamos reg esta línea, y voy a reemplazar esta afirmación, y set lit. Además, necesitamos perseguir el nombre del método, y set. Y antes de configurar este archivo, vamos a abrir la consola, inspeccionar la consola, y voy a configurar este archivo. Después de establecer este archivo, se puede ver el v. Box set top eight, y box set left eight. Ahora la cita es por qué se escribe ocho y ocho desde la dirección del cuerpo porque este es el margen diferido de la etiqueta corporal Es por eso que a veces necesitamos usar el margen cero desde toda la dirección en nuestra etiqueta corporal. Además, se puede notar la brecha de ocho píxeles desde el lado superior y desde el lado izquierdo. Pero si uso margin property, primero, voy a usar margin property en nuestra etiqueta body. Aquí están el tipo de carrocería y dentro del margen res del auto. Margen zu cero. Si configuro este archivo, ahora se puede ver en mi consola, cuadro sprint establecido en valor cero, y también establecer p valores acero cero. Y si agrego margen en el sitio del laboratorio, déjame mostrarte margen lap 100 pixel. Y el tener este archivo, se puede ver el resultado. Ahora nuestro valor de lap set box es 100 porque tenemos un margen de 100 píxeles en la posición de vuelta. Además, si agrego margen, top 50 pixel, y el en este archivo, se puede ver el valor. Ahora se puede ver en mi consola, valor del set top box es 50. Pero, ¿qué? Si añadimos un párrafo, antes de esta caja profunda, déjame mostrarte. Por lo que quiero añadir un párrafo. Lo rem, y voy a añadir 200 párrafo. Después de establecer este archivo, se puede ver el valor. Ahora puedes ver nuestro valor de set top es de 354 píxeles. La distancia entre la parte superior del navegador y la D es de 354 píxeles. Entonces esto es todo para este tutorial. En el siguiente tutorial, vamos a aprender sobre otros dos métodos. Desplácese hacia arriba y desplácese hacia la izquierda. Gracias por ver este video, declaró. 98. JavaScript scrollTop y scrollLeft: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script Java. Y en este tutorial, vamos a aprender sobre dos nuevos agujeros matemáticos. Desplázate hacia arriba y desplázate. Supongamos que tenemos un elemento profundo, y le decimos altura y peso a este elemento profundo. Y como pueden ver, hemos puesto dos pergamino a en este elemento profundo, vertical y horizontal. Esta guerra de desplazamiento aparecerá desbordamiento profundo de datos de este contenedor. Si te das cuenta, puedes ver en nuestra barra de desplazamiento vertical, ya me desplazo un poco. Y ahora quiero extraer la distancia, cuánto nos desplazamos en nuestras profundidades la misma manera, quiero extraer el valor de desplazamiento horizontal. Entonces necesitamos extraer el desplazamiento horizontal y el valor de desplazamiento vertical. Para extraer estos, tenemos dos métodos. Desplázate hacia arriba y desplázate tarde. Entonces, sin perder el tiempo, comencemos la práctica y veamos cómo podemos extraer este valor. Entonces como pueden ver, lado a lado, abro mi editor de código iso Studio y mi navegador usando la extensión Live Server, y ya creo un nombre de documento estil index dot HTML Y en esta página est, como pueden ver, tenemos un elemento profundo con cuadro de nombre de clase, y ya estilo esta caja profunda. Fondo suyo, Tw alto y borde. Ahora te das cuenta, como puedes ver, no hay palabra de desplazamiento en este elemento profundo. Entonces voy a agregar algún texto ficticio dentro de esta caja. Aquí, voy a añadir párrafo de 500 palabras. Guerra Orm 500. Y voy a poner este archivo. Después de configurar este archivo, como puede ver, es un contenedor de energía de desbordamiento. Para resolver este problema, voy a usar la propiedad overflow. Aquí voy a usar overflow, y voy a usar auto value. Si configuro este archivo, ahora puedes ver la barra de desplazamiento vertical. Y ahora quiero extraer el valor scroll de este elemento profundo. Supongamos que me desplace este bit de contener desde la dirección del hacha Y, y ahora quiero extraer el scroll al valor de este elemento profundo. Para extraer el valor, necesitamos saltar a la etiqueta script. Aquí voy a escribir guión. Dentro de esta etiqueta script, primero, voy a apuntar a esta caja usando su nombre de clase. Así que quiero escribir el selector de consulta de punto de documento dentro de la prensa redonda, dentro de estos códigos dobles, voy a pasar cuadro de punto. Entonces voy a usar un método. Voy a usar agregar incluso oyente. Añadir incluso oyente, y quiero usar el método scroll. Desplazarse, Después de apuntar esta casilla usando su nombre de clase, luego utilizo un evento, evento scroll, y cuando los usuarios desplazan los datos, quiero llamar a una función anónima. Entonces perca voy a llamar a una función. Función. Ronda ss luego dentro del carsst Después dentro de la función, quiero imprimir el valor de desplazamiento en mi consola. Así Haran tipo consola dot log, consola dot log en la ronda ress los dobles potes, primero voy a imprimir una declaración, que es scroll dog Paseo de concatenación w y aquí hay que pasar la caja apuntada Para eso, voy a crear una variable y nuestro nombre de variable es target. Objetivo igual a, y voy a copiar esta misma línea. Esta caja. Entonces voy a sustituir este sector documentado con variable objetivo. Además, voy a usar la variable target en mi sección de consola. Objetivo. Con eso, necesitamos llamar a nuestro nombre de método. Perro de desplazamiento de punto objetivo. Si configuro este archivo y enciendo mi consola y desplace este elemento profundo, un poco, se puede ver el valor, desplazarse por el valor. Pero el problema es que se pueden ver muchos valores. Por eso voy a usar la función clara. Consola punto transparente. Esta función va a borrar valores innecesarios. Si configuro este archivo de nuevo y desplazamiento este elemento profundo poco ingenio, ahora se puede ver el scroll a valor. Es bastante similar con los métodos y set y x pset. Aplicamos page y pset en la ventana de nuestro navegador, pero aplicamos scroll top en nuestro elemento deep Eso es lo diferente. Ahora, hablemos del otro método, que es scroll lead. Entonces en este elemento profundo, voy a crear otro elemento profundo. Caja Deep Tot también. Además, voy a darle estilo a esta caja dos elementos profundos. En nuestra sección de estilo, tipo enseñado cuadro dos está en las calibraciones. Voy a usar fondo fondo rojo. Entonces voy a usar wed. Hierba, 700 píxeles y altura. Ocho píxeles, D. Quiero configurar este archivo. Ahora puedes ver dentro de este elemento deep parent, tenemos otro elemento deep, y establecemos height y width 700 pixel y 80 pixel. Por eso se desborda horizontalmente de este contenedor, y se puede ver la barra de desplazamiento horizontal. Y ahora necesitamos extraer el valor de desplazamiento de esta barra de desplazamiento. Para eso, primero, voy a duplicar esta línea, y voy a cambiar scroll top dos scroll let. Además, tenemos que perseguir el nombre del método. Desplazamiento iluminado. Si guardo este archivo y desplace un poco la barra de desplazamiento horizontal, puede ver el valor del laboratorio de desplazamiento. Ahora imprime 48. Y desde la parte superior de desplazamiento, tenemos valor cero. Si me desplazo poco la barra de desplazamiento vertical, ahora se puede ver scroll top 148 pixel y scroll lab 48 pixel. Así es como podemos extraer el laboratorio de desplazamiento y desplazarnos al valor. Espero, ahora está claro para ti. Entonces esto es para el Stal. Gracias por ver este video, S afinado. 99. Tutorial de JavaScriptWidth y scrollHeight: Hola chicos es bueno verte de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con Java scrip En esta truora, vamos a aprender dos nuevos métodos Java scrip Altura de desplazamiento y desplazamiento. Como puedes ver, tenemos un elemento profundo, y dentro de este elemento profundo, tenemos algunos datos ficticio Y H usamos la propiedad overflow a este elemento profundo para ocultar el contenido extra. Por eso agrega desplazamiento vertical y barra de desplazamiento horizontal Y ahora quiero extraer la altura de este contenido, incluyendo los datos de desbordamiento. Supongamos que tenemos esta cantidad de datos en este contenedor. Entonces necesitamos extraer la longitud exacta de estos datos. Para eso, JavaScript introduce un nuevo método, que es scroll g. de la misma manera, si quieres extraer el ancho de datos horizontal, necesitas usar el método scroll width. Entonces comencemos lo práctico y veamos cómo podemos usar estos métodos. Entonces como pueden ver, lado a lado, abro mi editor de código visa stdio y mi navegador usando la extensión Live Server, y ya creo un documento ESTEML llamado en Dexote stemel llamado en Si nota que puede ver en nuestra etiqueta corporal, tenemos una etiqueta profunda y tiene un conjunto de una caja de identificación. También un estilo es etiqueta profunda. Establecemos el color de fondo cerdo con 300 píxeles y altura, 300 píxeles. Entonces puedes ver que no hay barra de desplazamiento en este elemento deb porque no tenemos contenido de desbordamiento en este elemento de Básicamente, es un MTD. Y antes de agregar el contenido en la caja, te mostraré cómo podemos usar estos métodos. Entonces dentro de la etiqueta body, voy a escribir script tag script. Y dentro de la etiqueta script, al principio, voy a apuntar a esta casilla usando su ID. Entonces voy a crear una variable y nuestra variable es target. Objetivo igual al selector de documento T en el rebaje redondo, voy a pasar el nombre de identificación tiene caja de etiqueta. Entonces seg dos en esta línea. Ahora voy a crear otras dos variables, una para el peso de desplazamiento y otra para la altura de desplazamiento. Primera variable, voy a usar y nuestro nombre de variable es scroll weed. Bajo pergamino. Igual a nuestro punto objetivo, nuestro nombre de método, scroll. Sem a n esta línea. Después a gt esta línea y reemplazar w con altura. También mer tipo, desplácese hacia adentro. Eso es. Ahora voy a imprimir tanto la variable en mi consola. Para eso, mero tipo consola punto log dentro de la ress redonda dentro del doble. Primero, voy a imprimir pergamino. Desplazarse w. entonces signo de concateación, voy a llamar a la variable, y nuestra variable es de desplazamiento, y Seve coral Entonces voy a cavar esta línea, y esta vez, quiero imprimir la altura de desplazamiento. Voy a sustituir por con altura. También aquí para pasar esta variable, desplácese alto. Y ahora voy a configurar este archivo. Entonces voy a saltar al navegador y derecho a recogerlo e inspeccionar, y voy a probar en consola. Para que puedas ver por defecto, imprime la altura y anchura exactas de este contenedor. Ancho de desplazamiento, 300 píxeles y altura de desplazamiento, 300 píxeles. Porque en nuestra sección de estilo, héroe asigna con 300 píxeles y altura, 300 píxeles. Por eso escribió este valor. Pero esta vez voy a incluir algunos datos ficticios en nuestra etiqueta profunda Aquí, voy a escribir, low in, voy a agregar un total de 600 wor, y voy a configurar este archivo Después de establecer este archivo, como puedes ver, por defecto, es desbordamiento de este contenedor. Entonces necesitamos usar la propiedad overflow en nuestra sección de estilo. Déjame mostrarte cómo. Entonces aquí nuestro tipo. Desbordamiento. Pero antes de usar la propiedad overflow, como pueden ver, retorno de acero, altura de desplazamiento es de 926 pixel, porque esta es la altura del contenido dentro de este contenedor, y nuestro ancho acero 300 pixel Y ahora voy a usar overflow auto value, Auto. Y si configuro este archivo, se puede ver el resultado. Después de establecer este archivo, ahora se puede ver la altura superior, área de desplazamiento es de dos de cuatro y scroll con 283. Y si agrego algo de relleno en esta caja, déjame mostrarte relleno desde toda esta dirección, quiero agregar relleno de 20 píxeles. Después de ese relleno de 20 píxeles, como puedes ver, afecta nuestro resultado. Ahora, scroll es 323 y la altura de scroll es 274, y ahora necesitamos scroll horizontal wa. Para eso, voy a crear otro elemento profundo dentro de este elemento profundo. Algún cuadro de puntos tipo B a. Y voy a darle estilo a este elemento DB. Entonces hemo tipo a caja dos establece primero los calibrados que voy a usar con propiedad con 400 píxeles Altura, 100 píxeles. Además, voy a agregar color de fondo tasa de color de fondo. Si configuro este archivo, puedes ver el resultado. Ahora puedes ver nuestro pergamino con valor convertido en 440. Además, puede ver el cable de desplazamiento horizontal en la posición inferior. Así es como usando este método, podemos extraer el valor del área de desplazamiento. Podemos extraer el valor de altura de desplazamiento, por lo que podemos extraer el valor de scroll w. Entonces esto es para este tutorial. Gracias por ver este video, estado melodía para el siguiente tutorial. 100. Tutorial de ancho y offsetAltura de JavaScript: Oigan, chicos, me alegro de volver a verles. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script java. En este tutorial, vamos a aprender sobre dos nuevos scripts java relacionados con propiedades, que se establece w y set height. En este ejemplo, se puede ver un elemento profundo. En este elemento profundo, decimos frontera. Además, tenemos texto y relleno en este cuadro, y una barra de desplazamiento vertical. Y ahora quiero conseguir altura de este elemento profundo. Quiero decir, quiero extraer la longitud de este elemento profundo de este punto a este punto. Para extraer este valor, Java paso introducir una nueva propiedad, que se establece altura. la misma manera, si queremos extraer el ancho de este elemento, en ese caso, necesitamos usar set with property. Si te das cuenta puedes ver, tenemos borde de diez píxeles, área de relleno, además tenemos área de contenido y una barra de desplazamiento. O pset con, de lo contrario, obst altura, va a devolver el total O pset width y set height devuelve el ancho y alto de un elemento en píxeles, incluyendo relleno, borde y barra de desplazamiento Si tenemos barra de desplazamiento horizontal en la parte inferior, se va a sumar en nuestra altura. Por lo que esta propiedad va a proporcionar w total y altura, incluyendo victoria fronteriza. Simplemente, no incluye el área de margen. Entonces comencemos lo práctico y veamos como esta propiedad nos va a ayudar. Entonces como pueden ver lado a lado, abro mi editor de código de visita Studio y mi navegador usando la extensión Live Server, y ya creé un nombre de documento estable en Dexote estable Entonces, si notas en nuestra etiqueta corporal, tenemos una etiqueta profunda con cuadro de nombre de clase, y estilo esta caja profundamente en nuestra sección de estilo. Vista con altura, 300 píxeles, y establecer un color de fondo naranja. Ahora voy a usar JavaScript property set w y set height. Entonces voy a usar script tag script. Insertar la etiqueta script, primero, voy a apuntar a esta caja usando su nombre más Entonces voy a crear una variable y nuestro nombre de variable es target. Objetivo igual al documento, selector de consulta de punto dentro las prensas redondas dentro de los códigos dobles, necesitamos pasar el nombre de clase punto BO X box y punto y coma dos en esta línea Ahora voy a crear a otras variables para obste weed y oste height, algún tipo, y nuestro nombre de variable es w. w igual al punto objetivo opuesto w. semicon a en esta línea. Ahí voy a duplicar esta línea, y voy a reemplazar cual con altura, y aquí voy a tive target set height. Y ahora quiero imprimir este valor en mi consola. Así que escriba console dot log dentro los ses redondos dentro del doble gos amo type set con concatenación w w, y semicon De la misma manera, quiero imprimir set height. Así que ubicad esta línea, y el tipo set height También para reemplazar nosotros con altura. Y voy a poner este archivo. Después de configurar este archivo, si enciendo mi consola, se puede ver el resultado. Oset es, 300 pixel y establece Hs y establece Hits, 300 pixel, porque Aquí asignamos la misma cantidad de altura y peso al contenedor Pero, ¿qué? Si agrego algún tipo de borde h, orden propiedad, y quiero agregar borde sólido de diez píxeles. Y nuestro color de borde es rojo. Si configuro este archivo, ahora puedes ver el resultado. Ahora nuestro ancho establecido se convierte en 320 píxeles y la altura de pset se convierte en 320 píxeles Además, si quiero agregar padding type padding desde cada una de las direcciones quiero agregar 50 pastillas acolchadas. Si configuro este archivo, puedes ver el resultado. Ahora cada uno de la dirección e en el relleno de 50 píxeles, también e en el borde de diez píxeles y la anchura realzada real, 300300 Usando estas propiedades, podemos obtener altura total y la anchura total de un elemento. Entonces esto es para este tutorial. Gracias por ver este video, stat tune para el siguiente tutorial. 101. JavaScript clientTutorial de ancho y altura.: Oigan, chicos, un placer volver a verles. Una vez más estoy de vuelta con un nuevo tutorial relacionado con el script Java. Y en este tutorial, vamos a aprender sobre dos nuevas propiedades, altura del cliente y el cliente W. Así que como puedes ver, tenemos un elemento profundo. Y en este elemento profundo, tenemos borde, texto de contenido y relleno. Además, tenemos una barda de pergamino. Y ahora quiero extraer la altura interior de este elemento dep No quiero incluir la altura del borde en esta medida. Sólo quiero extraer la altura interior. la misma manera quiero extraer el ancho interior, no este bardo de pergamino, y no quiero agregar la barra de desplazamiento. Para resolver este problema, JavaScript introdujo la nueva propiedad, ancho del cliente y la altura del cliente. Ya aprendimos sobre este tipo de propiedad en nuestro tutorial anterior, pset width y pset height Y lo diferente es pset w y set height, proporcionan el ancho total de este elemento, incluyendo borde y barra de desplazamiento Pero para extraer la longitud interna de este elemento, necesitamos usar la propiedad client height y client width. Devuelven el ancho y alto de un elemento en píxeles, incluido el relleno, pero no la barra de desplazamiento del borde o el margen. Entonces, sin perder el tiempo, comencemos lo práctico y veamos cómo podemos usar esta propiedad. Entonces como pueden ver lado a lado, abro mi editor de código visual stdio y mi navegador usando la extensión del servidor Lg, y abro mi documento estel anterior En nuestro documento estable anterior, aprenderemos sobre Oopset con propiedad y propiedad ost height Y en este tutorial, estamos para extraer el ancho del cliente y la altura del cliente. Entonces como puedes ver en esta caja profunda, tenemos relleno de 50 píxeles. Además, tenemos borde de diez píxeles, y también tenemos 300 píxeles de ancho y 300 píxeles de alto. Entonces al principio, voy a cambiar el nombre de la propiedad. Voy a reemplazar set we client whe, client whe, y también voy a reemplazar set height por client height Cliente. Antes de configurar este archivo, como pueden ver, ahora el Oset V actual es de 420 píxeles y Oset Hight también es para Pero como te dije, si usamos estas propiedades y luego establecemos este archivo, ahora el cliente V y el cliente se habían vuelto menores que este valor porque no va a incluir el área fronteriza. Entonces me puse este archivo, como pueden ver, ahora se ha convertido en 400 por 400, porque esta propiedad no va a contar la zona fronteriza. Entonces esto es todo para este tutorial. Gracias por ver este video. Espero que ahora te quede claro. ¿Cuál es el uso de esta propiedad? Gracias. 102. Tutorial de JavaScript ClientX y ClientY: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo Tutorial relacionado con Java scrip Y en este tutorial, vamos a aprender sobre dos Java strip new property. Impuesto al cliente y cliente Y. Como puedes ver en este ejemplo, tenemos una ventana del navegador, y puedes ver un zar de ratón en esta ventana Y ahora quiero extraer las coordenadas del mouse cuando mueva el mouse, lo contrario haga clic en cualquier parte de la ventana. Quiero obtener la posición exacta de este ratón. Entonces necesito extraer el X Xs Value, también y Xs V. Para esa tira de Java introducir a la propiedad Mouse Event. Cual es el impuesto del cliente y el cliente Y. Y recuerda, es trabajo solo dentro del área de viewpot de este navegador Esta es la zona de mirador de este navegador. No está relacionado con la resolución de la pantalla del monitor. Se relaciona con la ventana del navegador. Y como te dije, estas propiedades están relacionadas con el evento mouse, así que va a funcionar solo con los eventos del mouse. Y todos estos son eventos de ratón que ya estamos familiarizados. Al hacer clic, en Hacer doble clic, en el menú de texto de contenido, mover el mouse, etcétera Así que cuando usamos los eventos, entonces podemos extraer el valor Y xs y s, significa cliente tex y clide valor y Entonces, sin perder el tiempo, comencemos la práctica y veamos cómo podemos usarla. Entonces, como pueden ver lado a lado, abro mi editor de bacalao de estudio Visal y mi navegador usando la extensión Live Ser, y ya creé un documento estil llamado Index dot steel Por ahora, mi página estable es completamente negra. Al principio, quiero extraer las coordenadas del ratón cuando yo por mis autos están en esta zona portuaria de vista. Para eso, tenemos que volver a la etiqueta body y mo type script tag. Y ahora necesitamos agregar un evento en nuestro documento usando el método add even listener Así que dentro del doble curso, voy a escribir documento punto añadir incluso oyente Después dentro del proceso redondo, quiero agregar el evento de movimiento del mouse porque cuando abro mi mouse, porque quiero extraer el valor cuando muevo mi mouse. Así que escribe mouse move, y semicorn dos en esta línea Y como saben, con eso, también hay que llamar a una función enorme. Entonces voy a crear una función tras función, y dentro del carro ***, voy a usar estas propiedades, cliente y cliente x. ¿Qué va a llevar eso dos variables? Algunos para escribir y nuestra variable m es X, X igual a también en nuestra función, necesitamos pasar una variable. Entonces voy a pasar evento. También se puede utilizar acortar sello tipo E. Así que aquí en el tipo e punto cliente x. luego semicon esta línea Y de la misma manera, vamos a extraer x valor. Entonces, para duplicar esta línea y reemplazar x por y. Además, necesitamos reemplazar cliente x por cliente y. Recuerde, Xn y debe ser capital De lo contrario, no va a correr. Y ahora voy a imprimir x x y x valor en mi consola. Entonces voy a atar consola. Registro de puntos dentro de la prensa redonda dentro del código doble tipo I, cliente x colon, concatenación con valor x y sem en esta línea Y voy a duplicar esta línea y esta vez imprimo cliente y valor. Cliente y, concatenación con, cliente y, concatenación Y antes de configurar este archivo, voy a encender mi consola. Es el paquete de consola. También, y voy a imprimir mucho consola clara. Si no usamos la función clear, entonces va a imprimir mucho valor. Así Herm tipo consola punto claro método. Sem esta línea. Si configuro este archivo, y mis autos están en mi área de maceta de vista, puedes ver el valor. Ahora puedes ver nuestro punto x xs es 168 e y x punto es 352. Si lo muevo hacia arriba, ahora se puede ver que reduce y xs punto. Y si lo muevo esquina superior izquierda, ahora se puede ver que el valor xxs es 13 y el valor de axs es nueve Es así como podemos amordazar xs y un eje y valor de nuestros autos Entonces ese es el uso de estas propiedades. Cliente X y cliente y. Además, puedes apuntar en un Dbment. Para este ejemplo, no utilizamos ningún deb liment, cómo nos dirigimos al navegador antiguo, la del navegador anterior Entonces esto es todo para este tutorial. Gracias por ver este video, Estatuto para el próximo Tutorial. 103. Tutorial de pageX y pageY de JavaScript: Hola, chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo tutorial relacionado con el script búho, y en este tutorial, vamos a aprender sobre dos nuevas propiedades. Página X y página y. entonces como puedes ver en este ejemplo, abrimos una ventana del navegador, y en este navegador, tenemos mucho texto. Y además, puedes notar hay una barra de desplazamiento en el lado derecho. Significa que hay mucho texto en este navegador. Supongamos que tenemos esta cantidad de texto en este navegador. Además, te muestro los datos de desbordamiento usando fondo de color gris. Después de pasear un poco esta página, pongo mi ratón en ese lugar, y quiero extraer x xs posición de este ratón, también y xs posición de este ratón para extraer el valor Javascript proporcionar total dos propiedad Página X y página Y. En nuestro tutorial anterior, ya aprendimos sobre cliente tex y cliente a propiedad. Era bastante similar con la página x y la página Y. Pero hay una diferencia entre client tex y client to y page x y page. Se trata únicamente de trabajo dentro del área de ver votación. Pero en la página x y la propiedad de la página, si me desplazo por la barra de desplazamiento vertical, lo contrario la barra de desplazamiento horizontal, va a cambiar Y como te dije, estas propiedades son trabajo con solo evento mouse. Entonces necesitamos usar MouseEvent para usar estas propildades. Entonces estos son todos los eventos del ratón. Al hacer clic, al hacer doble clic, en el menú contextual, al mover el ratón, al ratón, etcétera Entonces comencemos la práctica y veamos cómo podemos usarla. Entonces como pueden ver, lado a lado, abro mi editor de código so studio y mi navegador usando la extensión Live seal, y ya creé un documento estel llamado en Dot estim Por ahora, nuestra etiqueta corporal está vacía. Entonces dentro de esta etiqueta body, primero, voy a usar la etiqueta script. Y dentro de esta etiqueta script, quiero extraer mi punto del cursor. Cuando abro el cursor en el área de mi navegador, quiero extraer la ubicación del cursor, X xs e Y xs. Para ello, necesitamos usar el método document. Documentar, y necesitamos usar un evento. Y para usar el evento, voy a escribir un oyente de eventos. Es la ronda carreras en que los códigos dobles, de lo contrario, los códigos individuales. Aquí, voy a pasar el nombre del evento, que es el nodo del mouse. Como puedes ver igual a cerrar la cotización. Tenemos que moverlo dentro las comillas simples, de lo contrario, total. Entonces necesitamos llamar a una función, a una función anoosa. Alguna función de empate está en el cariss, es la función anones. Luego dentro de la función, necesitamos tomar una variable como evento. Para e paso de tiempo P. Aquí, necesitamos tomar total dos variables para almacenar estas dos, donde nuestra primera variable es x, x igual a e punto página x Entonces comienzo esta línea, y este tipo am tipo u otra variable. Página y, página y igual a e, página y. ahora voy a imprimir este valor dos en mi área de consola. Voy a atar consola punto log dentro del latón redondo dentro del doble primero voy a escribir, página x valor, página x valor. Sn fresco. Entonces voy a usar concatenación sin y nuestro nombre de variable, punto y coma para terminar Entonces duplico esta línea, y voy a reemplazar la página x por la página y. También necesitamos reemplazar el nombre de la variable, y. Antes de configurar este archivo, aquí, necesitamos escribir el método console dot clear. Consola punto p. este método va a borrar los ts innecesarios, que se imprime en nuestra consola. Antes de configurar este archivo, voy a encender la consola en la consola spac Ahora voy a configurar este archivo. Después de establecer este archivo, si me uber may autos en esta ventana, aquí puedes ver el valor. Puede ver el valor de la página X es 254 y el valor de la página y es 357. Esto es bastante similar a con nuestros tutoriales anteriores. Ya estamos familiarizados con eso. Se podría pensar que es bastante similar con plan tex y planta Y, pero hay una diferente. Voy a crear a otra variable. Voy a duplicar esta sección y esta vez, voy a empatar primero voy a cambiar la variable A, y voy a escribir e cliente tex. Entonces voy a cambiar y con B y esta vez para escribir cliente y También voy a imprimir el texto del cliente y valor del cliente y en mi consola. Voy a duplicar estas dos líneas, y voy a reemplazar página con cliente. Impuesto al cliente Vu, también cliente y. ahora voy a duplicar toda esta sección, y voy a sustituir pacex con impuesto al cliente valor fiscal del cliente es, también es necesario reemplazar la variable N A, y el valor del cliente y es, y necesitamos reemplazar y B. Después de establecer este archivo, si pongo el cursor sobre mis autos están en esta ventana, se puede ver el resultado Se puede ver el valor del texto del cliente y el valor de la página X es venta de acero. También, página y valor y cliente Y valor acero. Pero, ¿qué? Si agrego algún párrafo. Entonces dentro de la etiqueta body, quiero usar el párrafo de la etiqueta P. Y luego voy a escribir LM, y voy a agregar 1,000 palabras. Y voy a poner este archivo. Arriba para configurar este archivo, como puedes ver en mi documento, hay una palabra de desplazamiento en el lado derecho. Después de se este archivo, si vuelo el cursor mis Rs son, cualquier punto, supongamos este punto, se puede ver página y valor es 275, y cliente Y valor es 275 Pero, ¿qué? Si me desplazo hacia abajo en mi página, ¿entonces qué? Quiero desplazarme hacia abajo en mi página. Después de desplazarse hacia abajo en esta página, como puede ver, ahora el valor de la página Y se convierte en 1016, pero el valor de ToI del cliente sigue siendo Esa es la diferencia entre estos dos bienes, cliente Y e impuesto al cliente. Cliente Y propiedad de lo contrario, impuesto al cliente trabajo patrimonial en área de ventana. Pero Página y propiedad, lo contrario, propiedad de página trabajan en área de documentos. Esa es la diferencia básica entre estas dos propiedades. Básicamente, devolvió la altura del cursor según el tamaño del contenido. Pero devuelve la altura del cursor según el tamaño de la ventana del navegador. Se va a medir la distancia desde la parte superior de la ventana. Pero va a medir la distancia desde la posición superior del contenido. Esa es la principal diferencia, y de la misma manera, va a funcionar en posición horizontal. Si agrego un elemento profundo algún tipo, D, y voy a asignar n ID. ID igual a caja. Si estilizo este de elemento, así que volvamos al título de la sección de estilo, voy a atar estilo. Y dije la etiqueta de estilo, primero, voy a apuntar a esta casilla usando su nombre de identificación. Caja con etiqueta H. Entonces digo el Civss. Al principio, voy a asignar peso nosotros 900 pixel. Altura altura 100 píxeles, y además voy a establecer un color de fondo, tasa de fondo Si configuro este archivo, aquí se puede ver, ahora proporciona una barra de desplazamiento horizontal. Y si pongo el cursor en esa posición, pueden ver, ahora nuestro valor x es e seis También nuestro cliente X valor es e seis. Pero, ¿qué? Si desplazo mi navegador en dirección horizontal y luego vuelo el cursor en esa posición, Ahora puedes ver la diferencia básica Ahora, el valor de la página X es 273 y el valor tex del cliente es 97 porque, como te dije, la propiedad tex del cliente midió la distancia desde el borde del navegador. Pero la propiedad de la página X midió la distancia desde la posición inicial del contenido. Por eso es imprimir diferente va. Espero que ahora este concepto sea claro para ti. Así que gracias por ver este video, mantente atento a nuestro próximo tutorial. 104. Tutorial de JavaScript screenX y screenY: Hola chicos, me alegro de verles de vuelta. Una vez más, estoy de vuelta con un nuevo Tutorial relacionado JavaScript. Y en este tutorial, vamos a aprender sobre dos nuevos JavaScript relacionados con la propiedad. Pantalla X y pantalla y. como puedes ver en este ejemplo, tenemos una pantalla de monitor, y en esta pantalla de monitor, abrimos un navegador. En este navegador, se puede ver un puntero de cursor, y ahora quiero extraer la coordenada del cursor del ratón. Quiero extraer el punto del eje x y el punto del eje y de este mouse cars. Pero esta vez vamos a medir la distancia desde el área del borde de la pantalla, no el navegador H. Para eso, Java despojado introducir dos propiedad. Pantalla X y pantalla Y. En nuestro tutorial anterior, ya aprendimos sobre propiedades similares. Pero estas propiedades se miden la distancia desde el navegador H. Ya aprendimos sobre el impuesto al cliente y la propiedad del cliente Y. Pero lo diferente es cliente tex y cliente Y propiedad, trabajo en área de viewport Se va a medir la distancia desde el borde de la ventana Solo funciona en el área de la ventana de visualización del navegador. Pero la propiedad ScreenX y pantalla Y funcionan en la resolución del monitor Se trata de trabajo en resolón exacto de pantalla. Como ustedes saben, estas propiedades están relacionadas con los eventos del mouse. Para eso, necesitamos usar estos eventos, y ya estamos familiarizados con eso. Entonces comencemos la práctica y veamos cómo podemos extraer el valor de la resolución de pantalla. Cómo podemos extraer posición del CRS según el área fronteriza de la pantalla Así que saltemos al editor de código VS Studio. Entonces como pueden ver, lado a lado, abro mi editor de código VS Studio y mi navegador usando la extensión Live Server, y abro mi documento de tabla anterior llamado index dot at. En nuestro tutorial anterior, aprenderemos sobre la propiedad PageX y Page wi Además, aprendemos sobre el cliente tex y la propiedad Clidi. Y ahora quiero extraer mi distancia del cursor según el tamaño de la pantalla. Quiero decir quiero extraer el valor x xs de mi cursor, según este punto, este tamaño de pantalla. Desde el lado del laboratorio, quiero medir el punto del cursor. Entonces primero, voy a quitar las líneas unscent, y voy a reemplazar la pantalla de la rueda de propiedad de la página X. Pantalla x. también, voy a quitar esta línea y motype pantalla X valor es y vas a jadear el valor en mi consola Entonces antes de configurar este archivo, voy a abrir mi consola, y quiero configurar este archivo. Después de configurar este archivo, cuando abro mis autos en mi pantalla, aquí puedes ver el resultado. Ahora se puede ver pantalla x valor es 1357. Han sido 1357 píxeles. Y si lo muevo en la esquina derecha, lado derecho, Ahora nuestro valor x pantalla es 1918 porque nuestra resolución de pantalla es 1920 5.080, e imprime pantalla x valor casi Y si elimino por cursor fuera del navegador, ahora no va a funcionar. Trabajo solo en el área de la ventana del navegador. Midió la distancia cuando muevo mi cursor dentro del área de la ventana De la misma manera, podemos extraer y xs. Solo necesitamos dictar esta línea, y necesitamos reemplazar la variable name x con y y necesitamos usar la propiedad screen y. Entonces voy a duplicar esta línea en mi consola, y voy a imprimir la pantalla Y. Pantalla Y. Y voy a configurar este archivo. Después de establecer este archivo, si tolva mis curvas están en esa posición, aquí se puede ver el valor de la pantalla y desde la parte superior. Aquí puedes ver y xs valor es 651 pixel. Se va a medir la distancia desde la resolución exacta de la pantalla. Espero que ahora te quede claro, cuál es el uso de estas propiedades. Gracias por ver este video, St melodía para el próximo Tutorial. 105. Tutorial de JavaScript offsetX y offsetY: Hola, chicos. Me alegro de verte de vuelta. Una vez más, estoy de vuelta con un nuevo Tutorial relacionado con JavaScript. En este tutorial, vamos a aprender sobre dos nuevas propiedades Java Script. Establecer X y establecer Y. Así que como puedes ver en este ejemplo, tenemos una ventana del navegador. Dentro de esta ventana del navegador, creamos un elemento profundo. Y en este elemento profundo, se puede ver un puntero del ratón. Y ahora quiero extraer las coordenadas del ratón. Pero esta vez quiero extraer la coordenada del ratón de acuerdo a la zona profunda. Necesitamos extraer el valor acuerdo con la posición profunda, no la ventana del navegador, y tampoco el resulion de la pantalla Para eso, Java tira introducir a nueva propiedad, establecer X y establecer Y. Ya aprendimos sobre propiedades similares en nuestro tutorial anterior. Cliente tex y cliente juguete también pantalla X y pantalla I. Cliente tex y cliente propiedad amplia proporcionar el valor de acuerdo con el tamaño de la ventana del navegador. Quiero decir que va a medir la distancia desde el punto X xs del navegador, y la pantalla X y la propiedad de pantalla proporcionan el valor desde el ancho de pantalla y el alto de la pantalla. Y ya estamos familiarizados con eso. Y como saben, todas estas son propiedades relacionadas con eventos de mouse. Necesitamos usar Mouse Even para usar esta propiedad. Y ya estamos familiarizados con estos eventos del ratón. Entonces, sin perder el tiempo, comencemos la práctica y veamos cómo podemos extraer el valor de x xs e Y xs usando set X property y set y property. Entonces como pueden ver, lado a lado, abro mi editor de código Visa Studio y mi navegador usando la extensión Lp Sever, y ya creé un documento estable nombre índice punto A estable Entonces como puedes ver, en nuestra etiqueta corporal, tenemos una etiqueta profunda con cuadro de nombre de clase. Y en nuestra sección de estilo, ya estilizo este elemento box. El oeste w 500 pixel y altura, 400 pixel. También configuré el borde y el color de fondo. Así que vamos a saltar a la etiqueta script. Script, y al principio, voy a crear una variable donde y nuestra variable es target. Objetivo igual a, quiero apuntar a este paso de pantano. Entonces aquí, voy a usar el método selector Qi. Documento. Selector de consulta de puntos. Después dentro del latón redondo, dentro de las comillas dobles, lo contrario, comillas simples, voy a escribir punto box. Vamos a seleccionar este elemento usando su nombre de clase. Hay escoria dos en esta línea. Ahora voy a agregar un evento a la variable objetivo. Para eso, Amo tipo target dot, voy a usar un método name add event listener Agregar oyente de eventos. Luego dentro del proceso redondo, nuestro nombre de evento es mouse Name Coma, y aquí voy a llamar a la función noS. Y en esta función, voy a pasar una variable. Como forma corta, voy a usar t. Ahora voy a crear dos variables, que va a almacenar nuestra x x cero, x. Voy a crear y nuestra variable m es x. X igual a. Primero, quiero obtener el xx zero sum type e set set x. luego semicl a n esta línea Entonces voy a duplicar esta línea, y esta vez, voy a reemplazar x w y. Y esta vez, quiero almacenar el valor de y x, escriba set y. Y ahora después de almacenar el valor, quiero imprimir tanto el valor en mi consola. Consola punto, registro dentro de la prensa redonda dentro de la sola. Primero, voy a imprimir conjunto X. Oset x valor es colon, signo de concatación, y voy a pasar la variable x, y semicon dos Entonces duplico esta línea y sustituyo x por y. Opuesto, y. También necesitas reemplazar el nombre de la variable. Después smog para terminar esta línea. Y antes de configurar este archivo, voy a encender mi consola. Inspeccione la sección de la consola. Como puedes ver en nuestra consola, no hay nada. Pero después de establecer este archivo, si coloco mis autos sobre este elemento profundo, aquí se puede ver el valor Vaya, se me olvidó algo. Tenemos que despejar nuestra sección de consola. De lo contrario, va a imprimir todos los valores a la vez. Así que H tipo consola punto claro método. Va a limpiar nuestras líneas innecesarias. Después de paso este archivo, si me hobby las curvas están en el elemento profundo, aquí puedes ver el valor x de Oset y el valor de oset y O pset x valor es 230, y el valor de pset y es 219 Si me muevo por curvas están en la esquina eftp, movimiento superior por curs están en la esquina eptop, como pueden ver, ahora pantalón pset X dos y Opset y también dos Entonces así es como funcionan estas propiedades en JavaScript. Espero que ahora te quede claro. ¿Cuál es la operación de uso? Gracias por ver este video, stat tune para el siguiente Tutorial.