每个q Javascript测验一页

Question

我正在尝试使用每个问题一页进行测验，但我不知道该怎么做。 这就像回答完第一个问题后，你将继续下一个（在下一页），然后在最后一页上显示你的分数。 我知道如何使用单选按钮制作它，但我不知道如何使用每个问题一页。

使用html / javascript BTW。

Answer 1

制作一个简单的页面，一个接一个地列出每个问题。对于每个问题，但第一个问题为html元素提供了css样式display: none;。现在，当您第一次加载页面时，您应该只看到第一个问题。其他所有内容都由display: none隐藏。

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

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

编辑：http://jsfiddle.net/q29r8bdn/这可能会帮助您入门。请注意，这是非常基本的，而不一定是最佳实践＆＃39;码。