grg8881m Goto Github PK

utiliza-la-notaci-n-de-corchetes-para-encontrar-el-en-simo-car-cter-en-una-cadena-

También puedes usar notación de corchetes para obtener el carácter en otras posiciones dentro de una cadena. Recuerda que las computadoras empiezan a contar desde 0, así que el primer carácter es en realidad el carácter cero. Ejemplo: const firstName = "Ada"; const secondLetterOfFirstName = firstName[1]; secondLetterOfFirstName tendrá una cadena con valor d. Intentemos establecer thirdLetterOfLastName (tercera letra del apellido) para que sea igual a la tercera letra de la variable lastName usando notación de corchetes. Sugerencia: Intenta mirar el ejemplo de arriba si te quedas atascado.

utiliza-la-notaci-n-de-corchetes-para-encontrar-el-ltimo-car-cter-en-una-cadena

Con el fin de obtener la última letra de una cadena, puedes restar uno a la longitud del texto. Por ejemplo, sí const firstName = "Ada", puedes obtener el valor de la última letra de la cadena usando firstName[firstName.length - 1]. Ejemplo: const firstName = "Ada"; const lastLetter = firstName[firstName.length - 1]; lastLetter tendrá una cadena con valor a. Usa notación de corchetes para encontrar el último carácter en la variable lastName. Sugerencia: Intenta mirar el ejemplo de arriba si te quedas atascado.

utiliza-la-notaci-n-de-corchetes-para-encontrar-el-ltimo-car-cter-en-una-cadena-

Con el fin de obtener la última letra de una cadena, puedes restar uno a la longitud del texto. Por ejemplo, sí const firstName = "Ada", puedes obtener el valor de la última letra de la cadena usando firstName[firstName.length - 1]. Ejemplo: const firstName = "Ada"; const lastLetter = firstName[firstName.length - 1]; lastLetter tendrá una cadena con valor a. Usa notación de corchetes para encontrar el último carácter en la variable lastName. Sugerencia: Intenta mirar el ejemplo de arriba si te quedas atascado.

utiliza-la-notaci-n-de-corchetes-para-encontrar-el-primer-car-cter-en-una-cadena

La notación de corchetes es una forma de obtener un carácter en un índice (index) específico dentro de una cadena. La mayoría de lenguajes de programación modernos, como JavaScript, no empiezan a contar desde 1 como lo hacen los humanos. Empiezan desde 0. Esto se conoce como indexación basada en cero. Por ejemplo, el carácter en el índice 0 de la palabra Charles es C. Así que si declaramos const firstName = "Charles", puedes obtener el valor de la primera letra de la cadena usando firstName[0]. Ejemplo: const firstName = "Charles"; const firstLetter = firstName[0]; firstLetter tendrá una cadena con valor C. Utiliza notación de corchetes para encontrar el primer carácter en la variable lastName y asígnalo a firstLetterOfLastName. Sugerencia: Intenta mirar el ejemplo de arriba si te quedas atascado.

utiliza-la-sintaxis-de-desestructuraci-n-con-el-par-metro-rest-

utiliza-la-sintaxis-de-desestructuraci-n-con-el-par-metro-rest-para-reasignar-elementos-de-un-arregl

En algunas situaciones que implican la desestructuración de arreglos, tal vez queramos recolectar el resto de elementos en un arreglo separado. El resultado es similar a Array.prototype.slice(), como se muestra a continuación: const [a, b, ...arr] = [1, 2, 3, 4, 5, 7]; console.log(a, b); console.log(arr); La consola mostrará los valores 1, 2 y [3, 4, 5, 7]. Las variables a y b toman el primer y segundo valor del arreglo. Después de eso, debido a la presencia del parámetro rest, arr obtiene el resto de los valores en forma de un arreglo. El elemento rest sólo funciona correctamente como la última variable en la lista. Por ejemplo, no puedes usar el parámetro rest para capturar un sub-arreglo que deje fuera el último elemento del arreglo original. Utiliza la sintaxis de desestructuración con el parámetro rest para realizar un Array.prototype.slice() eficaz, de tal manera que arr sea un sub-arreglo del arreglo original source con los dos primeros elementos omitidos.

utiliza-recursi-n-para-crear-una-cuenta-regresiva

En el desafío anterior, aprendiste como usar la recursión para reemplazar un bucle for. Ahora, echemos un vistazo a una función más compleja que devuelve un arreglo de enteros consecutivos empezando con 1 hasta el número pasado a la función. Como se menciona en el desafío anterior, habrá un caso base. El caso base le dice a la función recursiva cuando no necesita llamarse a sí misma. Es un caso simple donde el valor de retorno ya se conoce. También habrá una llamada recursiva la cual ejecuta la función original con argumentos diferentes. Si la función se escribe correctamente, eventualmente el caso base será alcanzado. Por ejemplo, digamos que quieres escribir una función recursiva que devuelva un arreglo conteniendo los números 1 hasta n. Esta función necesitará aceptar un argumento, n que representa el número final. Entonces necesitará llamarse a sí misma con valores progresivamente más pequeños de n hasta que alcance 1. Podrías escribir la función de la siguiente manera: function countup(n) { if (n < 1) { return []; } else { const countArray = countup(n - 1); countArray.push(n); return countArray; } } console.log(countup(5)); El valor [1, 2, 3, 4, 5] se mostrará en la consola. Al principio, esto parece contraintuitivo ya que el valor de n disminuye, pero los valores en el arreglo final se están incrementando. Esto sucede porque la inserción ocurre al último, después de la llamada recursiva. En el punto donde n es empujado en el arreglo, countup(n - 1) ya ha sido evaluada y devuelto [1, 2, ..., n - 1]. Hemos definido una función llamada countdown con un parámetro (n). La función debe usar recursión para devolver un arreglo conteniendo los n enteros hasta 1 basado en el parámetro n. Si la función es llamada con un número menor a 1, la función debe devolver un arreglo vacío. Por ejemplo, llamar esta función con n = 5 debe devolver el arreglo [5, 4, 3, 2, 1]. Tu función debe usar recursión llamándose a sí misma y no debe usar bucles de ningún tipo.

utiliza-rgb-para-mezclar-colores

Al igual que con el código hexadecimal, puedes mezclar colores combinando valores RGB. Reemplaza los hex codes en nuestro elemento style con los valores RGB correctos.

utiliza-selectores-css-para-dar-estilo-a-elementos

En CSS tienes a tu disposición cientos de propiedades CSS que puedes usar para cambiar el aspecto de un elemento de tu página. Cuando escribiste <h2 style="color: red;">CatPhotoApp</h2>, estabas aplicando un estilo a ese elemento h2 específico usando CSS en línea; CSS significa hojas de estilo en cascada (Cascading Style Sheets). Inline CSS es una de las formas de especificar el estilo de un elemento, pero existe una mejor forma de aplicar estilos CSS. En la parte superior de tu código, crea un bloque style como el que se ve a continuación: <style> </style> Dentro de ese bloque de estilo (style), puedes crear un selector CSS para todos los elementos h2. Por ejemplo, para que todos los elementos h2 sean de color rojo puedes añadir una regla de estilo como la siguiente: <style> h2 { color: red; } </style> Ten en cuenta que es importante tener tanto llaves de apertura como de cierre ({ y }) alrededor de la(s) regla(s) de estilo de cada elemento. También debes asegurarte de que tu definición de estilo para ese elemento esté dentro de las etiquetas de apertura y cierre de estilo. Por último, asegúrate de añadir un punto y coma (;) al final de cada una de las reglas de estilo de tu elemento. Elimina el atributo de estilo de tu elemento h2 y crea un bloque style para agregar tu código CSS. Añade el código CSS necesario para hacer que todos los elementos h2 sean de color azul (blue).

utiliza-sintaxis-de-desestructuraci-n-para-pasar-un-objeto-como-par-metro-de-funci-n

utiliza-sintaxis-de-desestructuraci-n-para-pasar-un-objeto-como-par-metro-de-funci-n-

utiliza-un-arreglo-para-almacenar-una-colecci-n-de-datos

utiliza-una-variable-de-css-personalizada

Luego de crear tu variable, puedes asignar su valor a otras propiedades CSS haciendo referencia a su nombre. background: var(--penguin-skin); Esto cambiará el fondo de cualquier elemento que utilice esta variable a "gray" (gris) porque ese es el valor de la variable --penguin-skin. Ten en cuenta que los estilos no se aplicarán a menos que los nombres de las variables utilizados estén escritos exactamente igual. Aplica la variable --penguin-skin a la propiedad background de las clases penguin-top, penguin-bottom, right-hand y left-hand.

utiliza-valores-rgb-para-el-fondo

uv_light_box

Programmable UVC light box & code for a container to neutralize virus & germs.

verifica-las-propiedades-de-un-objeto

A veces es útil comprobar si existe o no la propiedad de un objeto dado. Podemos utilizar el método .hasOwnProperty(propname) para determinar si un objeto tiene una propiedad con ese nombre. .hasOwnProperty() devuelve true o false si se encuentra la propiedad o no. Por ejemplo const myObj = { top: "hat", bottom: "pants" }; myObj.hasOwnProperty("top"); myObj.hasOwnProperty("middle"); El primer hasOwnProperty devuelve true, mientras que el segundo devuelve false. Modifica la función checkObj para verificar si el objeto obj pasado a la función contiene la propiedad checkProp. Si la propiedad es encontrada, devuelve el valor de la propiedad. Si no, devuelve "Not Found".