Mellanrum mellan siffror i talserie

[Jompan]

Jag försöker få litet "luft" mellan siffrorna i min sorterade talserie. Som det är nu så blir resultatet så här: 1,5,13,25,33,45,57,60,77,99

 

Det här är scriptfilen:

function minFunction()
{
var points = [45, 57, 33, 99, 25, 5, 1, 77, 13, 60];
points.sort(function(a,{return a-b});
var x=document.getElementById("sortering");
x.innerHTML=points;
}

Och det här är HTML-dokumentet:

<p id="sortering">Klicka på knappen och visa talen i stigande sortering.</p>

<button onclick="minFunction()">Sorterade tal</button>

Finns det några tips till mig?

 

// Jompan

[.M]

Det du gjort är att du har implicit använt standard toString metoden på ditt arrayobjekt. Och det kan variera mellan olika browsers så du kan inte vara helt säker på att det verkligen ser likadant ut för varje besökare.

 

Det du borde göra är något i stil med.

var strPoints = "";
for(var i = 0; i < points.length; i++)
    strPoints += points[i] + ", ";
x.innerHTML = strPoints;

Du kommer på det här viset att få ett extra komma tecken på slutet. Men det kan du plocka bort med en substring till exempel.

[ChromaWoods]

Du kan köra join() på arrayen för att göra det du önskar, du behöver inte loopa. Nedan är funktionerna kedjade, men du kan givetvis köra dem som enskilda rader om du tycker det är mer lättläst.

var points = [11, 2, 3, 44, 5, 6, 27]
  .sort(function(a,{return a-b})
  .join(', ');

[Jompan]

Nja, jag får inget av förslagen att funka.

 

// Jompan

[.M]

Får du något felmeddelande?

[Jompan]

Nej, det som händer är bara att knappen inte 'reagerar'.

 

// Jompan

[ChromaWoods]

Jodå, det funkar > http://jsbin.com/yakur

[Jompan]

Javisst gör funkar det! Något feltryck från min sida.

Tack för hjälpen!

 

// Jompan