Javascript in aufsteigender Reihenfolge funktioniert nicht funktioniert

Ich habe versucht, Zahlen in aufsteigender Reihenfolge mit Javascript und ich bin fest. HTML: Javascript in aufsteigender Reihenfolge funktioniert nicht funktioniert

<h2>JavaScript Array Sort</h2> 

<p>Click the button to sort the array in ascending order.</p> 

<button onclick="myFunction()">I will arrange</button> 

<p id="demo"></p> 

</body>

JS:

var points = [7, 1, 6, 3, 5, 2]; 
document.getElementById("demo").innerHTML = points;  

function myFunction() { 
    points.sort(function(a, b){return a - b}); 
    document.getElementById("demo").innerHTML = points; 
}

js Geige Link: https://jsfiddle.net/djmayank/uef3xexk/
Ich bin nicht meinen Fehler bekommen. Jede Art von Hilfe wird geschätzt.

Quelle

2017-08-07 djmayank

Fügen Sie das Skript in der '' der Seite: https://jsfiddle.net/xqn9oc56/ – Andreas

Sie haben JS Fiddle Lasttyp einzurichten: Keine Wrap-in – Lixus

Sie die Funktion in global definieren müssen scope –

Sie müssen die Funktion mithilfe eines Ereignishandlers aufrufen, sofern Sie nicht die Option No wrap - in <body> in JSFiddle verwenden.

var submit = document.querySelector('#submit') 
var output = document.getElementById('demo') 

var points = [40, 100, 1, 5, 25, 10]; 

output.innerHTML = points; 

function sortArray() { 
    points.sort(function(a, b) { 
    return a - b 
    }); 

    output.innerHTML = points; 
} 

submit.addEventListener('click', function(event) { 
    event.preventDefault() 

    sortArray() 
})

HTML

<h2>JavaScript Array Sort</h2> 

<p>Click the button to sort the array in ascending order.</p> 

<button id="submit">I will arrange</button> 

<p id="demo"></p>

JSFiddle Demo: https://jsfiddle.net/uef3xexk/3/

Quelle

2017-08-07 17:53:26

Sie Sind diese in jsfiddle entwickeln? Wenn ja, ändern Sie in den Javascript-Einstellungen, wenn der Code in "im Körper" geladen wird.

Ansonsten möchten Sie

document.getElementById("demo").innerHTML = points;

ausgeführt werden, wenn das Dokument Körper gemacht wird, weil Sie #demo müssen in der dom, um die Liste, um es hinzuzufügen.

// example onload on body 
<body onload="initalDemoInnerHtml()"> 

// js code 
function initalDemoInnerHtml() { 
    document.getElementById("demo").innerHTML = points; 
}

myFunction() sollte im selben Script-Tag wie der obige Code definiert werden.

<script type="text/javascript"> 
    var points = [7, 1, 6, 3, 5, 2]; 
    function initalDemoInnerHtml() { 
    document.getElementById("demo").innerHTML = points; 
    } 
    function myFunction() { 
    points.sort(function(a, b){return a - b}); 
    document.getElementById("demo").innerHTML = points; 
    } 
</script>

Dieses Skript sollte hinzugefügt werden, um das Kopf-Tag zu sein.

Quelle

2017-08-07 20:03:28 Willie

Javascript in aufsteigender Reihenfolge funktioniert nicht funktioniert

Antwort

Verwandte Themen