resultTable最初是隐藏的。单击"播放"按钮时，游戏将运行，它将在隐藏内容中显示决赛。我需要一个函数来显示决赛。当前我拥有的showResult函数（显然）
我删除了不必要的内容，因为整个事情有点大又混乱。希望代码仍然有意义。
<body onload="loadGame()">
<div>
<button onclick="playButton()" id="play">Play</button>
</div>
<div id="resultTable" >
<span id="result"></p>
</div>
<script>
function loadGame(){
var hideResult = document.getElementById("resultTable");
hideResult.style.display = "none";
}
function playButton(){
playGame();
showResult();
}
function playGame(){
/*Some code here*/
document.getElementbyId("result").innerHTML = "finalscore";
}
function showResult(){
var show = document.getElementById("resultTable"); //fixed.
show.style.display = "block";
}
</script>
</body>
更改您找到将其显示为块或无的元素的方式。您正在使用" getElementsByClassName"方法，但是在DOM中没有此类className的元素。
此外，" getElementsByClassName"将在DOM中返回所有元素（如果发现）的数组，则必须循环穿过数组才能访问它。
function showResult(){
document.getElementById("resultTable").style.display = "block";
}