Código de JavaScript - Ordenar los valores enteros de un input

Imágen de perfil
Val: 239
Bronce
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ordenar los valores enteros de un inputgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Julio del 2019 por info
688 visualizaciones desde el 20 de Julio del 2019
Este simple código, muestra como obtener los números de un input, ordenarlos y mostrarlos.

ordenar

1
estrellaestrellaestrellaestrellaestrella(1)

Publicado el 20 de Julio del 2019gráfica de visualizaciones de la versión: 1
689 visualizaciones desde el 20 de Julio del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
valores.split(" ").map(el => parseInt(el)).sort((a,b) => a-b).join(" ")

valores.split(" ") -> devuelve un array del contenido de valores separando los elementos por el espacio
map(el => parseInt(el)) -> devuelve cada uno de los valores del array como enteros
sort((a,b) => a-b) -> ordena los valores ascendentemente
join(" ") -> convierte el array en cadena juntando cada elemento del array con un espacio
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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script>
    const ordenar= () => {
        let valores = document.getElementById("valores").value;
        let resultado = document.getElementById("resultados");
 
        resultado.insertAdjacentHTML("afterend", "<br>"+valores.split(" ").map(el => parseInt(el)).sort((a,b) => a-b).join(" "));
    }
    </script>
</head>
 
<body>
 
<p>
    Introduce los numeros separados por espacios
    <br><input type="text" id="valores">
</p>
 
<p>
    <input type="button" onclick="ordenar()" value="Ordenar">
</p>
 
<p id="resultados"></p>
 
</body>
</html>



Comentarios sobre la versión: 1 (1)

Imágen de perfil
19 de Agosto del 2019
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5430