Códigos Fuente de JavaScript

Mostrando del 11 al 20 de 652 registros
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir formato am/pm a 24 horas


JavaScript

Publicado el 12 de Enero del 2020 por katas
239 visualizaciones desde el 12 de Enero del 2020
Crear una función que dada una hora en formato meridiano de 1am a 12am y de 1pm a 12pm, devuelva su equivalente en formato en valor de 0 a 24 horas.

1
2
3
4
5
6
getIntegerOfMeridiemSuffix("12am"); // 0
getIntegerOfMeridiemSuffix("1am"); // 1
getIntegerOfMeridiemSuffix("12pm"); // 12
getIntegerOfMeridiemSuffix("11am"); // 11
getIntegerOfMeridiemSuffix("1pm"); // 13
getIntegerOfMeridiemSuffix("11pm"); // 23
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cortar un texto para que se ajuste en anchura sin cortar ninguna palabra


JavaScript

Publicado el 12 de Enero del 2020 por katas
336 visualizaciones desde el 12 de Enero del 2020
Escriba un formato de función que tome dos argumentos, texto y ancho, y formatee el texto para que se ajuste al ancho.

Su función debe dividir el texto dado en líneas usando caracteres de nueva línea. Debe incluir tantas palabras en cada línea como sea posible sin exceder el ancho dado o dividir las palabras entre dos líneas. No debe haber un espacio al principio o al final de cualquier línea.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
const texto="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis dolor mauris, at elementum ligula tempor eget. In quis rhoncus nunc, at aliquet orci. Fusce at dolor sit amet felis suscipit tristique. Nam a imperdiet tellus. Nulla eu vestibulum urna. Vivamus tincidunt suscipit enim, nec ultrices nisi volutpat ac. Maecenas sit amet lacinia arcu, non dictum justo. Donec sed quam vel risus faucibus euismod. Suspendisse rhoncus rhoncus felis at fermentum. Donec lorem magna, ultricies a nunc sit amet, blandit fringilla nunc. In vestibulum velit ac felis rhoncus pellentesque. Mauris at tellus enim. Aliquam eleifend tempus dapibus. Pellentesque commodo, nisi sit amet hendrerit fringilla, ante odio porta lacus, ut elementum justo nulla et dolor.";
 
result=format(texto, 30);
/* Devolvera:
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Vestibulum sagittis dolor
mauris, at elementum ligula
tempor eget. In quis rhoncus
nunc, at aliquet orci. Fusce
at dolor sit amet felis
suscipit tristique. Nam a
imperdiet tellus. Nulla eu
vestibulum urna. Vivamus
tincidunt suscipit enim, nec
ultrices nisi volutpat ac.
Maecenas sit amet lacinia
arcu, non dictum justo. Donec
sed quam vel risus faucibus
euismod. Suspendisse rhoncus
rhoncus felis at fermentum.
Donec lorem magna, ultricies a
nunc sit amet, blandit
fringilla nunc. In vestibulum
velit ac felis rhoncus
pellentesque. Mauris at tellus
enim. Aliquam eleifend tempus
dapibus. Pellentesque commodo,
nisi sit amet hendrerit
fringilla, ante odio porta
lacus, ut elementum justo
nulla et dolor.
*/
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Alineas texto a la derecha


JavaScript

Publicado el 12 de Enero del 2020 por katas
225 visualizaciones desde el 12 de Enero del 2020
Su tarea en este Kata es emular el texto justificado directamente en la fuente monoespacio. Se le dará un texto de una línea y el ancho de justificación esperado. La palabra más larga nunca será mayor que este ancho.

Estas son las reglas:
- Use espacios para llenar los espacios en el lado izquierdo de las palabras.
- Cada línea debe contener tantas palabras como sea posible.
- Use '\ n' para separar las líneas.
- La brecha entre palabras no puede diferir en más de un espacio.
- Las líneas deben terminar con una palabra, no un espacio.
- '\n' no está incluido en la longitud de una línea.
- La última línea no debe contener '\n'

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
const texto="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis dolor mauris, at elementum ligula tempor eget. In quis rhoncus nunc, at aliquet orci. Fusce at dolor sit amet felis suscipit tristique. Nam a imperdiet tellus. Nulla eu vestibulum urna. Vivamus tincidunt suscipit enim, nec ultrices nisi volutpat ac. Maecenas sit amet lacinia arcu, non dictum justo. Donec sed quam vel risus faucibus euismod. Suspendisse rhoncus rhoncus felis at fermentum. Donec lorem magna, ultricies a nunc sit amet, blandit fringilla nunc. In vestibulum velit ac felis rhoncus pellentesque. Mauris at tellus enim. Aliquam eleifend tempus dapibus. Pellentesque commodo, nisi sit amet hendrerit fringilla, ante odio porta lacus, ut elementum justo nulla et dolor.";
 
result=alignRight(texto, 30);
/* devolvera:
   Lorem ipsum dolor sit amet,
  consectetur adipiscing elit.
     Vestibulum sagittis dolor
   mauris, at elementum ligula
  tempor eget. In quis rhoncus
  nunc, at aliquet orci. Fusce
       at dolor sit amet felis
     suscipit tristique. Nam a
    imperdiet tellus. Nulla eu
      vestibulum urna. Vivamus
  tincidunt suscipit enim, nec
    ultrices nisi volutpat ac.
     Maecenas sit amet lacinia
 arcu, non dictum justo. Donec
   sed quam vel risus faucibus
  euismod. Suspendisse rhoncus
   rhoncus felis at fermentum.
Donec lorem magna, ultricies a
        nunc sit amet, blandit
 fringilla nunc. In vestibulum
        velit ac felis rhoncus
pellentesque. Mauris at tellus
 enim. Aliquam eleifend tempus
dapibus. Pellentesque commodo,
       nisi sit amet hendrerit
    fringilla, ante odio porta
     lacus, ut elementum justo
               nulla et dolor.
*/
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript
Actualizado

Alineas texto de manera justificada


JavaScript

Actualizado el 12 de Enero del 2020 por katas (Publicado el 9 de Enero del 2020)
298 visualizaciones desde el 9 de Enero del 2020
Su tarea en este Kata es emular la justificación del texto en fuente monoespacio. Se le dará un texto de una línea y el ancho de justificación esperado. La palabra más larga nunca será mayor que este ancho.

Estas son las reglas:
- Use espacios para llenar los espacios entre las palabras.
- Cada línea debe contener tantas palabras como sea posible.
- Use '\n' para separar las líneas.
- La brecha entre palabras no puede diferir en más de un espacio.
- Las líneas deben terminar con una palabra, no un espacio.
- '\n' no está incluido en la longitud de una línea.
- Los espacios grandes van primero, luego los más pequeños ('Lorem--ipsum--dolor--sit-amet,' (2, 2, 2, 1 espacios)).
- La última línea no debe justificarse, use solo un espacio entre las palabras.
- La última línea no debe contener '\n'
- Las cadenas con una palabra no necesitan espacios vacíos ('somelongword\n').

1
2
3
4
5
6
7
8
9
10
11
12
13
const texto="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis dolor mauris, at elementum ligula tempor eget. In quis rhoncus nunc, at aliquet orci. Fusce at dolor sit amet felis suscipit tristique. Nam a imperdiet tellus. Nulla eu vestibulum urna. Vivamus tincidunt suscipit enim, nec ultrices nisi volutpat ac. Maecenas sit amet lacinia arcu, non dictum justo. Donec sed quam vel risus faucibus euismod. Suspendisse rhoncus rhoncus felis at fermentum. Donec lorem magna, ultricies a nunc sit amet, blandit fringilla nunc. In vestibulum velit ac felis rhoncus pellentesque. Mauris at tellus enim. Aliquam eleifend tempus dapibus. Pellentesque commodo, nisi sit amet hendrerit fringilla, ante odio porta lacus, ut elementum justo nulla et dolor.";
 
result=justify(texto, 100);
/* devolvera:
Lorem  ipsum  dolor  sit  amet,  consectetur  adipiscing  elit. Vestibulum sagittis dolor mauris, at
elementum  ligula  tempor eget. In quis rhoncus nunc, at aliquet orci. Fusce at dolor sit amet felis
suscipit  tristique.  Nam  a  imperdiet tellus. Nulla eu vestibulum urna. Vivamus tincidunt suscipit
enim,  nec  ultrices  nisi  volutpat ac. Maecenas sit amet lacinia arcu, non dictum justo. Donec sed
quam  vel risus faucibus euismod. Suspendisse rhoncus rhoncus felis at fermentum. Donec lorem magna,
ultricies  a  nunc  sit  amet,  blandit  fringilla  nunc.  In  vestibulum  velit  ac  felis  rhoncus
pellentesque. Mauris at tellus enim. Aliquam eleifend tempus dapibus. Pellentesque commodo, nisi sit
amet hendrerit fringilla, ante odio porta lacus, ut elementum justo nulla et dolor.
*/
Imágen de perfil
Val: 21
Ha aumentado su posición en 90 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Dibujar en Javascript con Canvas


JavaScript

Actualizado el 10 de Enero del 2020 por Ana Zelideth (Publicado el 9 de Enero del 2020)
238 visualizaciones desde el 9 de Enero del 2020
Buen día les comparto un ejemplo de como hacer círculos y un pino en Javascript con canvas.

arbol-navidad-canvas
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener los valores pasados en una url


JavaScript

Publicado el 9 de Enero del 2020 por katas
280 visualizaciones desde el 9 de Enero del 2020
Crear una función que devuelva un objeto con los parámetros (nombre:valor) recibidos en una url utilizando una expresión regular.

1
2
3
4
5
6
getURLParameters('http://url.com/index.php?name=Jhon&surname=Smith'); // {name: 'Jhon', surname: 'Smith'}
getURLParameters('index.php?name=Jhon&surname=Smith'); // {name: 'Jhon', surname: 'Smith'}
getURLParameters('http://url.com/index?id=7'); // {id: "7"}
getURLParameters('http://url.com/index?7'); // {}
getURLParameters('http://url.com/'); // {}
getURLParameters('http://url.com/index.php?'); // {}
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Crear un array de valores impares


JavaScript

Actualizado el 4 de Enero del 2020 por katas (Publicado el 1 de Enero del 2020)
506 visualizaciones desde el 1 de Enero del 2020
Dado un numero entero, crear una función que devuelva un array con los números impares.

1
2
3
kidoCount(10); // [1,3,5,7,9]
kidoCount(9); // [1,3,5,7,9]
kidoCount(0); // []
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Añadir separador de horas:minutos a un numero o cadena


JavaScript

Publicado el 3 de Enero del 2020 por katas
355 visualizaciones desde el 3 de Enero del 2020
Crear una función que reciba un numero o cadena y lo devuelva en formato de hh:mm.
Si las horas son mas grandes de 23 o las horas mas grandes de 59 devolver 00:00

1
2
3
4
5
6
7
8
9
10
11
hourFormat(""); // "00:00"
hourFormat(5); // "00:05"
hourFormat(10); // "00:10"
hourFormat(12); // "00:12"
hourFormat(120); // "01:20"
hourFormat(1010); // "10:10"
hourFormat(1532); // "15:32"
hourFormat(70); // "00:00"
hourFormat(2410); // "00:00"
hourFormat("2"); // "00:02"
hourFormat("1717"); // "17:17"

Misma versión para poner separador a HH:MM:SS https://www.lawebdelprogramador.com/codigo/JavaScript/5787-Anadir-separador-de-horasminutossegundos-a-un-numero-o-cadena.html
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Añadir separador de horas:minutos:segundos a un numero o cadena


JavaScript

Publicado el 3 de Enero del 2020 por katas
528 visualizaciones desde el 3 de Enero del 2020
Crear una función que reciba un numero o cadena y lo devuelva en formato de hh:mm:ss.
Si las horas son mas grandes de 23 o las horas o minutos mas grandes de 59 devolver 00:00:00

1
2
3
4
5
6
7
8
9
10
11
12
13
14
hourFormat(""); // 00:00:00
hourFormat(5); // 00:00:05
hourFormat(10); // 00:00:10
hourFormat(12); // 00:00:12
hourFormat(120); // 00:01:20
hourFormat(1010); // 00:10:10
hourFormat(1532); // 00:15:32
hourFormat(5551532); // 00:00:00
hourFormat(101010); // 10:10:10
hourFormat(70); // 00:00:00
hourFormat(2410); // 00:24:10
hourFormat("2"); // 00:00:02
hourFormat("1717"); // 00:17:17
hourFormat("120000"); // 12:00:00

Misma versión para poner separador solo a HH:MM https://www.lawebdelprogramador.com/codigo/JavaScript/5786-Anadir-separador-de-horasminutos-a-un-numero-o-cadena.html
Imágen de perfil
Val: 736
Bronce
Ha aumentado su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Añadir separador de miles en formato ingles


JavaScript

Publicado el 3 de Enero del 2020 por katas
341 visualizaciones desde el 3 de Enero del 2020
Crear una función que reciba un numero y devuelve el mismo con los separadores de miles en formato ingles con comas.

1
2
3
4
5
numberWithCommas(0); // "0"
numberWithCommas(0.50); // "0.5"
numberWithCommas(1250); // "1,250"
numberWithCommas(1250.23); // "1,250.23"
numberWithCommas(123456789); // "123,456,789"