在javascript/html中显示屏幕和函数时出现问题

我正在努力使我的屏幕和功能正常工作。我现在被困在我的网站/游戏的首页。 我有两个问题：

似乎我的点击事件不起作用，当我按下开始按钮时，什么也没有发生。在我按下按钮之后，我希望实际的游戏显示出来，这是我的“游戏开始”

按下开始按钮后，我希望隐藏“game_start”id屏幕，并显示实际的“game”id屏幕

感谢你的帮助//新手

window.addEventListener（“加载”，启动）；
函数startscreen（）{
//取消隐藏屏幕
document.querySelector（“游戏开始”）.classList.remove（“隐藏”）；
//事件侦听器
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
}
函数startName（）{
控制台日志（“StartGame”）；
//隐藏屏幕
document.querySelector（“游戏开始”）.classList.add（“隐藏”）；
//添加屏幕
document.querySelector（“游戏”）.classList.remove（“隐藏”）；
}

---

这就是你要找的吗

我假设在

窗口中

加载

您想要调用

开始屏幕

。然后移除

game\u start

div

并在右键单击按钮

start\u按钮时显示
game
div


window.addEventListener（“加载”，开始屏幕）；
函数startscreen（）{
//取消隐藏屏幕
document.querySelector（“游戏开始”）.classList.remove（“隐藏”）；
//事件侦听器
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
}
函数startName（）{
控制台日志（“StartGame”）；
//隐藏屏幕
document.querySelector（“游戏开始”）.classList.add（“隐藏”）；
//添加屏幕
document.querySelector（“游戏”）.classList.remove（“隐藏”）；
}
。隐藏{
显示：无；
}

添加了EventListener（“加载”，启动）；
但是我在你的代码中没有看到任何启动函数

 window.addEventListener("load", startscreen());

当然，不要忘了开始调用你的函数名。
你需要更加关注细节。在我的代码中，您可以检查注释中的错误

在javascript代码中：

// First Error: Where is the function "start" ?
//    window.addEventListener("load", start);

及

在html代码中，您关闭了两个链接（
a
TAG），但它从未打开


//第一个错误：函数“start”在哪里？
//window.addEventListener（“加载”，启动）；
window.addEventListener（“加载”，开始屏幕）；
函数startscreen（）{
//取消隐藏屏幕
document.querySelector（“游戏开始”）.classList.remove（“隐藏”）；
//事件侦听器
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
}
函数startName（）{
控制台日志（“StartGame”）；
//第二个错误：您的ID选择器需要在名称前#。
//document.querySelector（“游戏开始”）.classList.add（“隐藏”）；
//隐藏屏幕
document.querySelector（“游戏开始”）.classList.add（“隐藏”）；
//添加屏幕
document.querySelector（“游戏”）.classList.remove（“隐藏”）；
}
。隐藏{
显示：无；
}


window.addEventListener（“加载”，开始屏幕）；
函数startscreen（）{
//取消隐藏屏幕
document.querySelector（“游戏开始”）.classList.remove（“隐藏”）；
//事件侦听器
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
document.querySelector（“开始按钮”）.addEventListener（“单击”，开始名称）；
}
函数startName（）{
控制台日志（“StartGame”）；
//隐藏屏幕
document.querySelector（“游戏开始”）.classList.add（“隐藏”）；
//添加屏幕
document.querySelector（“游戏”）.classList.remove（“隐藏”）；
}
#启动按钮#启动按钮#2{
光标：指针；
}
.隐藏{
显示：无；
}

当你说“screen”时，你实际上是在谈论div？一个鲜为人知的事实：如果你的元素有
id
属性，它们已经作为变量存在于JS端，你不需要为它们查询选择。
自动分配了一个名为
game\u background
的匹配JS变量。即使它们的名称通常是非法的，它们也会存在于
窗口
对象中，您可以正常访问它们。例如，
可以在
窗口[“1234”]
窗口中找到。addEventListener（“加载”，开始）
这里没有
开始
功能，非常感谢大家。当我说屏幕时，我指的是我的“屏幕”内的div。我成功了！非常感谢。这帮了大忙。
// Second Error: Your ID selector need `#` before the name.
//    document.querySelector("game_start").classList.add("hidden");