我的程序当前应该采用HTML输入,将其放入对象数组,使用orderBy对其进行排序,然后将其输出到p2 textContent。在添加orderBy之前,我测试了该程序的所有方面,然后该程序停止工作。
var p1 = document.getElementById("p1");
var p2 = document.getElementById("p2");
var enterName = document.getElementById("name");
var enterRating = document.getElementById("rating");
var button = document.getElementById("button");
var players = [];
button.addEventListener("click", addPlayer);
function addPlayer() {
p1.innerText += enterName.value + " - " + enterRating.value + " " + "| ";
players.push({ player: enterName.value, rating: enterRating.value });
var sortedPlayers = _.orderBy(players, [rating, player], [desc, desc]);
console.log(players);
console.log(sortedPlayers);
p2.innerText = "";
for (i = 0; i < players.length; i++) {
p2.innerText += players[i].player + " - " + players[i].rating + " | ";
}
}
p1存在并且用于测试目的,只是为了确保我的浏览器没有滞后。添加orderBy之后,两个数组均未登录到控制台。以前,addPlayer()
函数的每次运行都会记录玩家数组。
我正在使用Codepen编写此程序,如果可以的话,我很确定已安装lodash。