How to Get An Array to Ignore Non numbers and Set it to 1 number per line?

user_15497013 0
Viewed 75

I am creating an array sort number program where the user enters an array of numbers and clicking the Sort button will sort the numbers into numerical numbers. What I am wondering is how to get my program to ignore non-numbers? And how to set it to 1 number each line instead of putting them all on the same line?

var myarr = []; 

function addTo() { 
    myarr.push(document.getElementById("userinput").value); 
   
    console.log(myarr); //to confirm it has been added to the array    
}; 
 
function sortNumbers() {
    myarr.sort(function(a, b){return a - b});
    document.getElementById("userinput").append = myarr;
      console.log(myarr);
} 
<input type="number" id="userinput" /> 
<input type ="button" onclick="addTo()" value="Add Number" /> 
<button onclick="sortNumbers()">Sort</button>

arrays javascript
1 Answers

Do you mean this?

var myarr = []; 

function addTo() { 
    let n =document.getElementById("userinput").value; 
    myarr.push(n);
    document.getElementById("inputA").innerText = myarr.toString();
}; 
 
function sortNumbers() {
    myarr.sort(function(a, b) {return a - b});
    ;
    let sortedB = document.getElementById("sortedB");
    document.getElementById("sorted").innerText = myarr.toString();
    sortedB.innerHTML = "";
    myarr.forEach(n => sortedB.innerHTML += "<br/>" + n);
}
<input type="number" id="userinput" /> 
<input type ="button" onclick="addTo()" value="Add Number" /> 
<button onclick="sortNumbers()">Sort</button>
<p>Input array: <span id="inputA"></span></p>
<p>Sorted on one line: <span id="sorted"></span>
  <br/>
  Sorted on different lines: <span id="sortedB"></span>
</p>

user_9362930
Related