Tenho de inserir números e ordenar por ordem crescente para apresentar o resultado. Mas não estou a conseguir ordenar corretamente. Eis o que acontece:
Se inserir por exemplo 76,3,15,35
retorna ordenado na seguinte forma: 15,3,35,76
.
// ordenar por ordem crescente os numeros inseridos.
const input1 = document.querySelector(".input1");
const btnConvert = document.querySelector(".btn-converter");
function sortNumbers(inputText) {
let numArray = inputText.split(",");
numArray.sort();
document.getElementById("h").innerText = (` ${ numArray} `);
console.log(numArray)
return numArray;
}
btnConvert.addEventListener('click', function () {
sortNumbers(input1.value);
});
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Modelo</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<section class="container">
<h1>Exercícios</h1>
<label class="label"
>INSERIR NÚMEROS
<input type="text" class="input1" />
</label>
<button class="btn btn-converter">ORDENAR POR ORDEM CRESCENTE</button>
<h2 class="total" id="h"></h2>
</section>
<script src="./main.js"></script>
</body>
</html>