resultTable
最初是隐藏的。单击播放按钮时,游戏将运行,它将在隐藏内容中显示finalscore。我需要一个显示finalscore的功能。目前我所拥有的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>
答案 0 :(得分:0)
更改您找到元素的方式,将其显示设置为块或无。您正在使用&#34; getElementsByClassName&#34;方法,但DOM中没有带有这种类名的元素。
此外,&#34; getElementsByClassName&#34;会在DOM中返回一个包含所有元素的数组(如果找到),你必须遍历数组才能访问它。
function showResult(){
document.getElementById("resultTable").style.display = "block";
}