Function doesn't execute from an onclick insid

2019-02-27 01:37发布

This question already has an answer here:

JavaScript not running on jsfiddle.net 4 answers

this is probably stupidly easy but I'm very new to JavaScript and it's driving me nuts.

My question, why doesn't this work: http://jsfiddle.net/Ye9tG/

<input type="button" id="butt" value="Button" onclick="getThought();"/>

It works fine if I add the onclick directly into the JavaScript:

document.getElementById("butt").onclick = getThought;

Thanks in advance.

标签： javascript html dom onclick

2条回答

Lonely孤独者°

2楼-- · 2019-02-27 02:03

Your getThoughts function isn't defined, because your JavaScript is set to execute onLoad. See the dropdown menu in the upper left of jsFiddle. Select "No wrap - in <head>" to resolve the issue: http://jsfiddle.net/Ye9tG/1/

Also, always take a look at your browser's console to check for errors. In this case, you'll see a Uncaught ReferenceError: getThought is not defined error when clicking the button.

0人赞添加讨论(0) 举报

手持菜刀，她持情操

3楼-- · 2019-02-27 02:12

In the top left corner of jsfiddle you'll see that your fiddle is set to run your js code "onLoad". What that really means is that jsfiddle creates this for you:

<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){

// YOUR CODE HERE

}//]]>  

</script>

As a result, your function is only accessible within that onload function. Change the value to "no wrap head" and you'll see that it works.

Your other option would be to make your function explicitly global:

window.getThought = function(){
  // ...

http://jsfiddle.net/Ye9tG/5/

0人赞添加讨论(0) 举报

Function doesn't execute from an onclick insid

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间