Why isn't my JavaScript working in JSFiddle?

javascript html jsfiddle
Larry Cinnabar picture Larry Cinnabar · Mar 25, 2011 · Viewed 51.8k times · Source

I can't find out what is the problem with this JSFiddle.

HTML:

<input type="button" value="test" onclick="test()">

JavaScript:

function test(){alert("test");}

And when I click on button - nothing happened. The console says "test not defined"

I've read the JSFiddle documentation - there it says that JS code is added to <head> and HTML code is added to <body> (so this JS code is earlier than html and should work).

Answer

zalun picture zalun · Apr 29, 2011

If you do not specify the wrap setting it defaults to "onLoad". This results with all JavaScript being wrapped in a function run after result has been loaded. All variables are local to this function thus unavailable in the global scope.

Change the wrapping setting to "no wrap" and it'll work:

http://jsfiddle.net/zalun/Yazpj/1/

I switched the framework to "No Library" as you don't use any.

Related questions

JavaScript not running on jsfiddle.net

The code below works on a live site but I can't get it to run on the site jsfiddle . See this for example. Can anyone tell me why it's not working on jsfiddle? On the console it logs: ReferenceError: fillList …

Read More
Adding images in JSfiddle

I want to create a fiddle in which i have to add an image.. (as a background image to a div) I tried using add resource on the left but it does not work , I also tried to give complete …

Read More
Why does this simple JSFiddle not work?

There is some code I wanted to put into JSFiddle. It didn’t work. Narrowing it down I can’t even get this simplest of code to work: JSFiddle function displaymessage() { alert("Hello World!"); } <form> <input type="…

Read More