gpt4 book ai didi

javascript - 显示最初在加载时隐藏的内容

转载 作者:行者123 更新时间:2023-12-03 16:58:08 27 4
gpt4 key购买 nike

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>

最佳答案

更改查找元素的方式以将其显示设置为 block 或无。您正在使用“getElementsByClassName”方法,但 DOM 中没有具有此类名称的元素。

此外,“getElementsByClassName”将返回一个包含所有元素的数组(如果在 DOM 中找到),您必须遍历该数组才能访问它。

 function showResult(){
document.getElementById("resultTable").style.display = "block";
}

关于javascript - 显示最初在加载时隐藏的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41274555/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com