jsFiddle：html和js之间没有连接？无法通过按钮调用简单功能吗？

Question

很抱歉，如果这非常明显，但是我不知道为什么它不起作用。

我正在尝试创建jsFiddle。但是，我似乎无法将任何脚本附加到任何元素。例如，onclick没有调用我的js函数。

没有比这小提琴更简单的了。我从W3编辑器中将其复制粘贴到可以正常工作的地方-单击按钮，发出警报！

<button onclick="myFunction()">Click me</button>

function myFunction() {alert("sss");}

我在这里想念什么？

Answer 1

只需更改将JavaScript块加载到no wrap (head)的方式

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9FZXRNYi5wbmcifQ==” alt =“在此处输入图像描述”>

这里的标准设置是JS被包装（！），以便在DOM加载后运行。这意味着该函数不是在全局范围内定义的，而是在包装器内部定义的。内联事件处理程序只能与全局定义的函数一起使用！

当设置为no wrap (head)时，JS被加载到<head>中并且没有被包装。

Answer 2

六千人已经看过这个，因此这肯定是很普遍的现象。我实际上是从那里工作的在线教程中复制示例，但是它们在jsfiddle中不起作用。我做出了此处建议的更改，但无济于事。接下来是什么？？为什么会有这么多人遇到这个？我所得到的只是一个空白的白色输出窗口。您可以分享您为完成此工作可能要做的其他事情吗？