每q个Javascript测试一页

One page per q Javascript quiz

本文关键字：测试一页 Javascript 更新时间：2023-09-26

我试图用每个问题一页做一个测验，但我不知道如何做。这就像回答了第一个问题后，你将进入下一个问题（在下一页），然后在最后一页显示你的分数。我知道如何使用单选按钮，但我不知道如何使用每个问题一页。

使用html/javascript BTW.

制作一个简单的页面，一个接一个地列出每个问题。对于除第一个问题之外的每个问题，都为html元素指定css样式display: none;。现在，当你第一次加载页面时，你应该只看到第一个问题。其他一切都被display: none隐藏。

现在，您只需要弄清楚如何使用javascript来处理每个问题的点击事件，以验证问题是否得到了回答。如果单击事件发生，但用户尚未输入答案，则显示一条消息或对话框，告诉用户输入答案。如果用户确实输入了答案，那么使用javascript将css样式display: none添加到第一个问题中，并从第二个问题中删除相同的样式。

在你自己尝试并获得一些实际代码后，如果你遇到困难，你可以回来寻求更多帮助。

编辑：http://jsfiddle.net/q29r8bdn/这可能有助于您入门。请注意，这是非常基本的代码，不一定是"最佳实践"代码。