【问题标题】:Array sort build in function数组排序内置函数
【发布时间】:2015-05-14 09:50:17
【问题描述】:

我想知道我的程序出了什么问题。我是有语法错误还是我在构建数组排序时遗漏了什么?我很确定问题出在“for”循环中,但我似乎找不到它。一些建议或帮助会很棒。

<HTML>
<!Foundation Page for building our Javascript programs>
<HEAD>
<TITLE>The Foundation Page </TITLE>
<SCRIPT LANGUAGE = "JavaScript">
function leaderboard()
{
var temp1;
var temp2;
var temp3;
var temp4;
var temp5;

temp1 = 10
temp2 = 20
temp3 = 30
temp4 = 40
temp5 = 50

var leader = new Array(5);

	leader[0] = temp1;
	leader[1] = temp2;
	leader[2] = temp3;
	leader[3] = temp4;
	leader[4] = temp5; 
	
	leader.sort(function(a,b){return b-a});
	var myContent = '';
	for (var d=0;d<5;d++)
	{
		myContent += "score:  " + leader[d] + "<BR>";
	}
	document.getElementById("leaderboard").innerHTML = myContent;
}

</SCRIPT>
<HEAD>
<BODY>
<BODY BGCOLOUR = "WHITE">
<H2>The Foundation Page </H2>
<HR>
<SCRIPT LANGUAGE = "Javascript"> leaderboard() </SCRIPT>
</BODY>
</HTML>

【问题讨论】:

  • 您的 HTML 中没有 &lt;something id="leaderboard"&gt;

标签: javascript arrays count increment


【解决方案1】:

您正在尝试将 o/p 写入页面中不存在的 ID 为 leaderboard 的元素。这是一个错误Uncaught TypeError: Cannot set property 'innerHTML' of null - 这不是语法错误。

所以只需创建一个 id 为 leaderboard 的元素,如下所示

<HTML>
<!Foundation Page for building our Javascript programs>
<HEAD>
<TITLE>The Foundation Page </TITLE>
<SCRIPT LANGUAGE = "JavaScript">
function leaderboard()
{
var temp1;
var temp2;
var temp3;
var temp4;
var temp5;

temp1 = 10
temp2 = 20
temp3 = 30
temp4 = 40
temp5 = 50

var leader = new Array(5);

    leader[0] = temp1;
    leader[1] = temp2;
    leader[2] = temp3;
    leader[3] = temp4;
    leader[4] = temp5; 

    leader.sort(function(a,b){return b-a});
    var myContent = '';
    for (var d=0;d<5;d++)
    {
        myContent += "score:  " + leader[d] + "<BR>";
    }
    document.getElementById("leaderboard").innerHTML = myContent;
}

</SCRIPT>
<HEAD>
<BODY>
<BODY BGCOLOUR = "WHITE">
<H2>The Foundation Page </H2>
<HR>
<div id="leaderboard"></div>
<SCRIPT LANGUAGE = "Javascript"> leaderboard() </SCRIPT>
</BODY>
</HTML>

演示:Fiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-29
    • 1970-01-01
    • 1970-01-01
    • 2017-06-14
    • 1970-01-01
    • 2017-06-21
    相关资源
    最近更新 更多