Códigos Fuente de JavaScript

Mostrando del 131 al 140 de 916 registros
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener todos los valores de una columna pulsando un botón en dicha columna con JavaScript


JavaScript

Publicado el 11 de Diciembre del 2020 por Xve (294 códigos)
4.361 visualizaciones desde el 11 de Diciembre del 2020
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una columna cualquiera de una tabla pulsando un botón ubicado en dicha columna

5fd3113412d0d-coger-valor-columna.


Aquí el mismo código pero obteniendo el valor de las filas: https://www.lawebdelprogramador.com/codigo/JavaScript/4426-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JavaScript.html

Aquí el mismo código con jquery: https://www.lawebdelprogramador.com/codigo/JQuery/6764-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JQuery.html
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Reemplazar varios caracteres en una cadena añadiendo contenido con una expresión regular


JavaScript

Publicado el 1 de Diciembre del 2020 por Katas (200 códigos)
2.369 visualizaciones desde el 1 de Diciembre del 2020
Este código es un ejemplo del uso de replace para modificar unos caracteres de una cadena, añadiendo contenido al reemplazo.

1
2
3
4
const texto="Lorem ipsum dolor sit amet";
texto.replace(/([aei])/g, "<$1>"); // Lor<e>m <i>psum dolor s<i>t <a>m<e>t
texto.replace(/([aei])/g, "_$1"); // Lor_em _ipsum dolor s_it _am_et
texto.replace(/([aei])/g, "_X_"); // Lor_X_m _X_psum dolor s_X_t _X_m_X_t
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Dividir una cadena cada N caracteres


JavaScript

Publicado el 1 de Diciembre del 2020 por Katas (200 códigos)
1.070 visualizaciones desde el 1 de Diciembre del 2020
Crear una función que reciba una cadena y una longitud, y devuelva un array con dicha cadena dvidida en trozos con la longitud indicada.

1
2
3
4
5
const texto="Lorem ipsum dolor sit amet";
dividirCadena(texto,1); // ['L', 'o', 'r', 'e', 'm', ' ', 'i', 'p', 's', 'u', 'm', ' ', 'd', 'o', 'l', 'o', 'r', ' ', 's', 'i', 't', ' ', 'a', 'm', 'e', 't']
dividirCadena(texto,5); // ['Lorem', ' ipsu', 'm dol', 'or si', 't ame', 't']
dividirCadena(texto,10); // ['Lorem ipsu', 'm dolor si', 't amet']
dividirCadena(texto,50); // ['Lorem ipsum dolor sit amet']
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir segundos a horas:minutos:segundos


JavaScript

Publicado el 28 de Noviembre del 2020 por Katas (200 códigos)
2.660 visualizaciones desde el 28 de Noviembre del 2020
Esta función recibe una cantidad dada de segundos, y devuelve su equivalente en formato HH:MM:SS, pudiendo las horas sobrepasar las 24 si fuera necesario.

1
2
3
4
5
6
7
8
9
10
11
12
secondsToHHMMSS(10); // 00:00:10
secondsToHHMMSS(60); // 00:01:00
secondsToHHMMSS(150); // 00:02:30
secondsToHHMMSS(3600); // 01:00:00
secondsToHHMMSS(3610); // 01:00:10
secondsToHHMMSS(36000); // 10:00:00
secondsToHHMMSS(36610); // 10:10:10
secondsToHHMMSS(86399); // 23:59:59
secondsToHHMMSS(86400); // 24:00:00
secondsToHHMMSS(172800); // 48:00:00
secondsToHHMMSS(864000); // 240:00:00
secondsToHHMMSS(8614258); // 2392:50:58
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir un código de color de 3 dígitos a 6 dígitos


JavaScript

Publicado el 25 de Noviembre del 2020 por Katas (200 códigos)
780 visualizaciones desde el 25 de Noviembre del 2020
Función para convertir un color en hexadecimal (utilizado en las web) de 3 dígitos a 6 dígitos

1
2
3
4
extendColorHex('#03f');    // '#0033ff'
extendColorHex('05a');     // '#0055aa'
extendColorHex('#0bdc3f'); // '#0bdc3f'
extendColorHex('0bdc3f');  // '#0bdc3f'
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Dada una cantidad de enteros, obtener el valor mas elevado


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 24 de Noviembre del 2020 por Katas (200 códigos) (Publicado el 9 de Noviembre del 2020)
923 visualizaciones desde el 9 de Noviembre del 2020
Crear una función que reciba un listado de números o un array de números, y devuelve al valor mas alto

1
2
3
4
5
6
max(); // Infinity
max(1); // 1
max(1,5,3); // 5
max([]); // Infinity
max([1,5,3]); // 5
max(...[1,5,3]); // 5
Imágen de perfil
Val: 64
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener los parámetros de llamada a una página web


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Noviembre del 2020 por Aitor (6 códigos) (Publicado el 10 de Noviembre del 2020)
1.500 visualizaciones desde el 10 de Noviembre del 2020
Obtener los parámetros con los que se ha realizado la llamada a la página web procedentes de un botón <submit> en un formulario por ejemplo enviados con el método "GET" o sea que son visibles en la URL en el navegador.
Es un ejemplo de código javascript que captura estos datos clave:valor con los que luego se pueden realizar otras funciones basándose en los datos recibidos.
Está escrito en puro javascript y no utiliza ninguna librería (no se utiliza Jquery).
Imágen de perfil
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Invertir entre mayúsculas y minúsculas cada N caracteres


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 19 de Noviembre del 2020 por Joel (150 códigos)
1.675 visualizaciones desde el 19 de Noviembre del 2020
Esta función invierte cada N caracteres de una cadena dada su valor de mayúsculas a minúsculas o viceversa.

1
2
3
4
5
6
7
8
9
cambiar("la casa azul", 1); // LA CASA AZUL
cambiar("la casa azul", 2); // lA CaSa aZuL
cambiar("la casa azul", 3); // la caSa AzuL
cambiar("La Casa Azul", 1); // lA cASA aZUL
cambiar("La Casa Azul", 2); // LA caSa AZuL
cambiar("La Casa Azul", 3); // La CaSa azuL
cambiar("LA CASA AZUL", 1); // la casa azul
cambiar("LA CASA AZUL", 2); // La cAsA AzUl
cambiar("LA CASA AZUL", 3); // LA CAsA aZUl