Harald: sortierprogramm funktioniert nicht

Beitrag lesen

Hallo @ all

Ich hoffe ihr könnt mir helfen, ich habe ein kleines JavaScript geschrieben, welches aber nicht funktioniert, ich weiß aber nicht genau warum.
Es sollte die Elemente mit einer bestimmten ID in verschiedene Reihenfolgen bringen.

Hier ist, was ich geschrieben habe:

<html>
<head>
<title>Test</title>

<script type="text/javascript">
<!--
var sort0 = new Array(0,1,2,3,4,5,6,7,8,9,10,11,12);
var sort1 = new Array(6,7,0,1,4,3,8,9,2,5,11,12,10);

function ABC() {
 var Wort = new Array();
 for(var i = 0; i < document.getElementById("li1").length; i++)
   Wort.push(document.getElementById("li1")[i].firstChild.nodeValue);
 for(i = 0; i < document.getElementById("li1").length; i++)
   document.getElementById("li1")[i].firstChild.nodeValue = Wort[sort0[i]];
 document.getElementById("Art").firstChild.nodeValue = "anders0";
}

function A() {
 var Wort = new Array();
 for(var i = 0; i < document.getElementById("li1").length; i++)
   Wort.push(document.getElementById("li1")[i].firstChild.nodeValue);
 for(i = 0; i < document.getElementById("li1").length; i++)
   document.getElementById("li1")[i].firstChild.nodeValue = Wort[sort1[i]];
 document.getElementById("Art").firstChild.nodeValue = "anders1";
}

//-->
</script>

</head>
<body>

<h1>Wort <span id="Art">alphabetisch von A bis Z</span></h1>

<ul>
<li id="li1">Aber</li>
<li id="li1">Betha</li>
<li id="li1">CCCCC</li>
<li id="li1">Dein-name</li>
<li id="li1">Enter</li>
<li id="li1">Fra</li>
<li id="li1">H</li>
<li id="li1">Ha</li>
<li id="li1">My</li>
<li id="li1">Return</li>
<li id="li1">Root</li>
<li id="li1">Waaa</li>
<li id="li1">Wort</li>
</ul>

<form name="Formular" action="">
<input type="button" name="abc" value="alphabetisch" onClick="ABC()">
<input type="button" name="a" value="anders" onClick="A()">
</form>

</body>
</html>

Wo liegt mein Fehler im Programm?

------------------------------
Mit freundlichen Grüßen: Harry