Function Doesn't Execute From An Onclick Inside The Html

Question

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/

Solution 1:

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.

Solution 2:

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:

<scripttype='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/

JavaScript Creator

Function Doesn't Execute From An Onclick Inside The Html

Solution 1:

Solution 2:

Post a Comment for "Function Doesn't Execute From An Onclick Inside The Html"