“下一步”按钮不会按预期循环回答

Question

我正在尝试构建一个非常基本的纯JavaScript应用程序（没有jQuery）。

使用jQuery我觉得我能够轻松地做到这一点。但JavaScript并没有那么多。

这是我的JSF应用程序：

http://jsfiddle.net/abustamam/CLenJ/2/

因此，当按下“下一步”按钮时，问题及其伴随的答案将循环显示。

问题是，按下“下一步”时没有任何反应。即使我将next()函数设置为

function next() {
    alert("pressed!");
}

没有任何反应。

在另一个问题的建议下，我将“onLoad”改为No wrap-in head。

此时，问题和值最初未加载。

在查看控制台错误时，似乎加载顺序对按钮是否有效或第一个问题是否会加载有很大影响，但我无法找到方法来获取它们同时工作。

有人能说些什么吗？谢谢！

Answer 1

在小提琴中，您的脚本位于load回调下，这意味着next方法位于闭包内，因此在全局范围内不可用。

如果您查看浏览器控制台，则会看到脚本错误Uncaught ReferenceError: next is not defined

在Frameworks and Extensions下的第二个下拉列表的左侧面板中，选择No Wrap - In Body

演示：Fiddle