Mostrar los tags: n

Mostrando del 1.111 al 1.120 de 2.739 coincidencias
Se ha buscado por el tag: n
Imágen de perfil

Ejemplo de como mostrar y esconder un elemento con animation


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel (150 códigos)
3.061 visualizaciones desde el 20 de Diciembre del 2019
Este ejemplo, muestra como mostrar un elemento (fadeIn) y esconderlo (fadeOn) utilizando el estilo animation con la opacidad.
Con Javascript añadimos o quitamos los estilos al elemento para que realice la animación.
Imágen de perfil

Triangulo rectángulo con asteriscos


Python

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Diciembre del 2019 por Joel (150 códigos)
15.056 visualizaciones desde el 17 de Diciembre del 2019
Escribir un programa que pida al usuario un número entero y muestre por pantalla un triángulo rectángulo como el de más abajo, de altura el número introducido.

triangulo-rectangular
Imágen de perfil

Triangulo con asteriscos


Python

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Diciembre del 2019 por Joel (150 códigos)
39.916 visualizaciones desde el 17 de Diciembre del 2019
Escribir un programa que pida al usuario un número entero y muestre por pantalla un triángulo como el de más abajo, de altura el número introducido.

triangulo
Imágen de perfil

Obtener todos los elementos recursivamente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 16 de Diciembre del 2019 por Joel (150 códigos)
4.044 visualizaciones desde el 16 de Diciembre del 2019
Este código muestra como obtener de forma recursiva todos los elementos del DOM desde un elemento dado.

De este código:
1
2
3
4
5
6
7
<div id="myId">
    <p>
        <span>a</span>
        <a href="https://lawebdelprogramador.com">https://lawebdelprogramador.com</a>
    </p>
    <p>b</p>
</div>

Nos devolverá un array con:
1
[p, span, a, p]
Imágen de perfil

Escapar una cadena con una expresión regular


JavaScript

Publicado el 15 de Diciembre del 2019 por Katas (200 códigos)
773 visualizaciones desde el 15 de Diciembre del 2019
Función que recibe una cadena y escapa los caracteres especiales utilizando replace() y una expresión regular.

1
2
escapeRegExp('hola $name'); // "hola \$name"
escapeRegExp('el objecto es: { nombre: ["juan", "jose"]}'); // "el objecto es: \{ nombre: \["juan", "jose"\]\}"
Imágen de perfil

Generador de breadcrumb (migas de pan)


JavaScript

Publicado el 12 de Diciembre del 2019 por Katas (200 códigos)
3.462 visualizaciones desde el 12 de Diciembre del 2019
Crear un generado de breadcram que dada una url devuelva el código html para publicar en la web.

A tener en cuenta:
1.- El texto de los enlaces se tiene que poner en mayúsculas
2.- En el nombre del dominio se pone HOME
3.- Si solo existe el dominio no tiene que ser un enlace
4.- Si el ultimo elemento es un nombre de archivo, eliminar el punto y extensión del archivo (.html, .php, ...), interrogantes (?) o anchors (#)...
5.- Si el enlace tiene mas de 30 caracteres, quitar del contenido las palabras ["the", "of", "in", "from", "by", "with", "and", "or", "for", "to", "at", "a"] y mostrar únicamente las iniciales del resto de palabras.
6.- Si un enlace dispone de guiones, no ponerlos en el texto de la url.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
generateBC("mysite.com/", " + ") // <span class="active">HOME</span>
 
generateBC("https://mysite.com/", " + ") // <span class="active">HOME</span>
 
generateBC('http://github.com/biotechnology-by-research-eurasian-insider-meningitis', ' # '); // <a href="/">HOME</a> # <span class="active">BREIM</span>
 
generateBC("mysite.com/pictures/holidays.html", " : "); // <a href="/">HOME</a> : <a href="/pictures/">PICTURES</a> : <span class="active">HOLIDAYS</span>
 
generateBC("www.codewars.com/users/GiacomoSorbi", " / "); // <a href="/">HOME</a> / <a href="/users/">USERS</a> / <span class="active">GIACOMOSORBI</span>
 
generateBC("www.microsoft.com/important/confidential/docs/index.htm#top", " * "); // <a href="/">HOME</a> * <a href="/important/">IMPORTANT</a> * <a href="/important/confidential/">CONFIDENTIAL</a> * <span class="active">DOCS</span>
 
generateBC("mysite.com/very-long-url-to-make-a-silly-yet-meaningful-example/example.htm", " > "); // <a href="/">HOME</a> > <a href="/very-long-url-to-make-a-silly-yet-meaningful-example/">VLUMSYME</a> > <span class="active">EXAMPLE</span>
 
generateBC("www.very-long-site_name-to-make-a-silly-yet-meaningful-example.com/users/giacomo-sorbi", " + "); // <a href="/">HOME</a> + <a href="/users/">USERS</a> + <span class="active">GIACOMO SORBI</span>