Códigos Fuente de JavaScript

Mostrando del 61 al 70 de 919 registros
Imágen de perfil
Val: 606
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Crear una factura con JavaScript


JavaScript

Publicado el 13 de Abril del 2021 por Info (100 códigos)
19.601 visualizaciones desde el 13 de Abril del 2021
Este código muestra como crear el cuerpo de una factura, permitiendo entrar el nombre de un producto, la cantidad y el importe.
En cada entrada, se calcula el importe del producto, subtotal, el 21% de IVA (Impuesto en España) y el total de la factura.
Cada vez que se introduce un producto, se añade una nueva fila para añadir un nuevo producto de manera automática.

factura-con-javascript
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

Incrementar un valor en un tiempo determinado


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Abril del 2021 por Joel (150 códigos)
1.772 visualizaciones desde el 8 de Abril del 2021
Este código muestra como incrementar un valor, desde un valor inicial hasta un valor final con un intervalo dado, y en un tiempo determinado.

incrementar-valor-en-un-determinado-tiempo


El elemento que se va a incrementar, tiene que tener el estilo "counter" y hay que definir:
data-from-value -> valor inicial
data-to-value -> valor final
data-increment -> valor de incremento
data-duration -> duración para llegar del valor inicial al valor final

Se muestra la manera de añadir el valor del Euro o porcentaje utilizando el estilo ::after
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 las urls de un texto en enlace HTML


JavaScript

Publicado el 5 de Abril del 2021 por Katas (200 códigos)
3.816 visualizaciones desde el 5 de Abril del 2021
Función que recibe un texto plano, y devuelve el mismo texto pero con las urls en formato HTML (<a href="....">) para que puedan ser pulsadas por el usuario en la web.

1
2
3
4
console.log(urlTextToHTML("la url: https://www.dom.au esta ok")); // "la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok"
console.log(urlTextToHTML("la url: https://www.dom.au/index.html esta ok")); // "la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok"
console.log(urlTextToHTML("las urls: https://dom.au y https://www.dom.au estan ok")); // "las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok"
console.log(urlTextToHTML("texto sin url")); // "texto sin url"

Para quitar el tag html añadido al enlace, puedes utilizar la función urlHTMLToText() https://www.lawebdelprogramador.com/codigo/JavaScript/6994-Quitar-el-codigo-HTML-de-las-urls-de-un-texto.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

Quitar el código HTML de las urls de un texto


JavaScript

Publicado el 5 de Abril del 2021 por Katas (200 códigos)
2.861 visualizaciones desde el 5 de Abril del 2021
Función que recibe un texto con enlaces en formato HTML, y devuelve el mismo texto pero quitando el formato HTML (<a href="....">).

1
2
3
4
console.log(urlHTMLToText('la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok')); // "la url: https://www.dom.au esta ok"
console.log(urlHTMLToText('la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok')); // "la url: https://www.dom.au/index.html esta ok"
console.log(urlHTMLToText('las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok')); // 'las urls: https://dom.au y https://www.dom.au estan ok'
console.log(urlHTMLToText('texto sin url')); // "texto sin url"

Esta función hace lo contrario que la función urlTextToHTML() https://www.lawebdelprogramador.com/codigo/JavaScript/6993-Convertir-las-urls-de-un-texto-en-enlace-HTML.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

Añadir ceros o cualquier valor delante de un numero


JavaScript

Publicado el 2 de Abril del 2021 por Katas (200 códigos)
2.130 visualizaciones desde el 2 de Abril del 2021
Función de JavaScript para añadir ceros o cualquier carácter delante de un numero.

1
2
3
4
5
6
7
8
9
10
11
LeadingZero(123, 0); // "123"
LeadingZero(123, 1); // "123"
LeadingZero(123, 2); // "123"
LeadingZero(123, 3); // "123"
LeadingZero(123, 4); // "0123"
LeadingZero(123, 5); // "00123"
LeadingZero(123, 6); // "000123"
LeadingZero("123", 6); // "000123"
LeadingZero(123, 6, "x"); // "xxx123"
LeadingZero(123, 6, "-"); // "---123"
LeadingZero(1, 10, "casa"); // "acasacasa1"
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

Calcular la media de un array de números


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 28 de Marzo del 2021 por Xve (294 códigos)
5.273 visualizaciones desde el 28 de Marzo del 2021
Función que recibe un array de números, cuenta las repeticiones de cada uno de los números y calcula la media de cada uno.

1
2
3
4
console.log(obtenerMediaValores([1,2,2,2,3,5])); // {1: 1, 2: 3, 3: 1, 4: 0, 5: 1}
 
const arr=Array.from({length: 50}).map(el => Math.floor(Math.random() * 10));
console.log(obtenerMediaValores(arr)); // {0: 8, 1: 8, 2: 14, 3: 6, 4: 12, 5: 8, 6: 18, 7: 8, 8: 10, 9: 4}
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

Calcular la mediana de una lista de numeros


JavaScript

Publicado el 26 de Marzo del 2021 por Katas (200 códigos)
9.427 visualizaciones desde el 26 de Marzo del 2021
La mediana es el "número en el medio" de una lista ordenada de números si es par, en el caso de que sea impar, tenemos que encontrar el par central de números, y después calcular su valor medio.

1
2
3
4
5
mediana([1, 2, 3, 4, 5]); // 3
mediana([1, 2, 3, 4]); // 2.5
mediana([1, 2, 3]); // 2
mediana([1, 2]); // 1.5
mediana([1]); // 1


En el caso de que sea par, con la función slice() obtenemos un array con los dos valores del centro, el cual pasamos a la función reduce para que los sume y el resultado lo dividimos entre 2 para obtener la media.
1
arr.slice(l/2-1, l/2+1).reduce((a,b) => a+b)/2

En el caso de que sea impar, simplemente obtenemos el valor del medio con slice()
1
arr.slice((l/2), l/2+1)[0]