Mostrar los tags: rango

Volver

Agregar Código Fuente

Mostrando del 1 al 4 de 4 coincidencias

<<>>

Se ha buscado por el tag: rango

Utilizar un input type timer con varios rangos de horas

JavaScript

(1)

Publicado el 29 de Junio del 2020 por Joel (150 códigos)

4.039 visualizaciones desde el 29 de Junio del 2020

Código que muestra como utilizar varios rangos de horas en un <input type="time"> utilizando JavaScript.

Obtener un array de valores sin repetirse entre un rango de numeros

JavaScript

Publicado el 19 de Abril del 2020 por Katas (200 códigos)

1.111 visualizaciones desde el 19 de Abril del 2020

Crear una función que reciba un numero inicial, un numero final, y la cantidad de valores a devolver entre el valor inicial y final sin repetirse.
Si se solicitan mas datos que los números que hay entre el inicio y final, tiene que añadir el valor "undefined".

random(1, 10, 3); // [7, 1, 10]

random(140, 160, 5); // [155, 141, 158, 143, 154]

random(1, 10, 0); // []

random(1, 5, 6); // [3, 1, 2, 4, 5, undefined]

Rango personalizado

CSS

(2)

Publicado el 21 de Octubre del 2019 por Joel (150 códigos)

1.745 visualizaciones desde el 21 de Octubre del 2019

Este simple códgo muestra como se puede modificar el diseño de un input type="range"

Se utiliza javascript para mover el fondo de color.
Se muestra como modificar el contenido de ::after utilizando dataset.

rango-personalizado

Mostrar el color deseado entre el verde y el rojo

JavaScript

(1)

Publicado el 19 de Septiembre del 2019 por Joel (150 códigos)

2.440 visualizaciones desde el 19 de Septiembre del 2019

Función que permite devolver un color entre el verde y el rejo (pasando por el amarillo y naranja) según el incremento que especifiquemos.

En esta imagen, se ha creado un bucle para mostrar todas las imágenes con un incremento de 10 valores entre cada color.
colores-de-verde-a-rojo