如何在页面加载时关闭javascript按钮？

我正在尝试创建一个网站，使用提示按钮和解决方案按钮来解决它提供的每个问题。我使用的是一个javascript函数和一个按钮，当单击时会显示一个新的div，但它会在页面加载时自动显示提示和解决方案

有没有一种方法可以设置为自动隐藏所有按钮？或者，我可以让函数在页面加载时运行一次，我认为这会起作用。有什么想法吗

<button onclick="hint0()">Hint</button>
<div id="hint0">
  Try reading the man pages for some of the listed commands on the OverTheWire level page. They may be useful!
</div>
<script>
  function hint0() {
    var x = document.getElementById("hint0");
    if (x.style.display === "none") {
      x.style.display = "block";
    } else {
      x.style.display = "none";
    }
  }
</script>  

提示
尝试阅读OverTheWire level页面上列出的一些命令的手册页。它们可能有用！
函数hint0（）{
var x=document.getElementById（“hint0”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

在标题中使用CSS（不是作为

，而是内联的）强制隐藏这些组件，然后使用JavaScript稍后显示它们

例如：

.my-secret-div {
  display:none;
}

这里有提示

然后使用Javascript删除

mysecretdiv

类

请注意，这不会对可以下载页面或使用浏览器开发人员工具“检查”内容的人隐藏内容

---

fiddle示例：

在没有看到您的代码的情况下，给出任何反馈都有点困难，但我可以提出一些建议。您可以使用css隐藏提示和解决方案-将显示设置为“无”将是最简单的。提示和解决方案对于任何查看页面源代码或检查元素的人都是可见的，如果您只隐藏它们的话。您可以在标记中写入一个空的提示和解决方案容器，然后在用户与按钮交互时添加提示和解决方案文本。使用Javascript或jQuery，在单击事件时，将提示或解决方案附加到DOM或设置元素的innerHTML

---

好的，我现在看到了您的示例代码-您可以将函数设置为在加载时运行，然后按id选择元素并将其设置为“无”。此页面可以帮助您理解加载事件-

我想您的意思是隐藏div的内容而不是按钮，只需将项目设置为：

style=“display:none”

inline

函数解决方案0（）{
var x=document.getElementById（“solution0”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}
函数hint0（）{
var x=document.getElementById（“hint0”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

提示
尝试阅读OverTheWire level页面上列出的一些命令的手册页。它们可能有用！
解决方案
您需要使用cat打印文件“自述”的内容。该文件包含密码，您可以复制并粘贴该密码以登录bandit1。

<div class="my-secret-div"> the hint goes here </div>