Simple Button Click not working

Question

Why is this simple onclick JavaScript function not called in JSFiddle ?

HTML:

<input type="button" value="Check" id="zeCheck" onclick="check();" />

JS:

function check() {
    alert('ech');
}

DEMO

the console says: Uncaught ReferenceError: check is not defined — Alex, Feb 26 '14 at 13:41
same as below. requested to merge: http://stackoverflow.com/questions/5431351/simple-example-doesnt-work-on-jsfiddle hope it helps — Shourya Sharma, Feb 26 '14 at 13:51
@putvande thanks for this. multiples down votes, sorry was just not aware about fiddle not finding my javascript if dropdown options not changed to 'no wrap' ... — franchez, Feb 26 '14 at 13:54

score 1 · Answer 1 · answered Feb 26 '14 at 13:44

1

It doesn't work because you are defining this function in wrong place...

Put your script function in .js file or at the end of document in <script></script> tags.

Check this fiddle

answered Feb 26 '14 at 13:44

Flash Thunder

11,672
8
47
91

score 0 · Answer 2 · answered Feb 26 '14 at 13:49

0

Take it out from the onload event and it will work. Put it in the body. (left panel)

answered Feb 26 '14 at 13:49

Bruno

115
2
10

this is not an answer please suggest with comment .. thankyou – Jot Dhaliwal Feb 26 '14 at 13:50
2

@Jatt.net, why do you think this is not an answer? – freefaller Feb 26 '14 at 13:51
@freefaller dear this pretends to like a comment.. if it is all about increasing repo a... you can surely post an answer – Jot Dhaliwal Feb 26 '14 at 13:53
@Jatt.net, ignoring that I'm not a "dear", Bruno has given his answer as to why the jsFiddle is not working. If he gets rep for it, good, because he is correct. Admittedly the answer lacking somewhat in description of exactly why it works, but work it does. I do not believe it deserves rep for this reason, but I do not feel it deserves negative rep – freefaller Feb 26 '14 at 13:56
2

his reputation is too low to post comment to other questions. – Bojan Kovacevic Feb 26 '14 at 13:57
that s it... answer should be clear as well as descriptive.. so bruno answer behaves like a comment.. – Jot Dhaliwal Feb 26 '14 at 13:59
i appreciate you @BojanKovacevic – Jot Dhaliwal Feb 26 '14 at 14:00

score 0 · Answer 3 · answered Feb 26 '14 at 13:52

0

onLoad in JS FIDDLE is the same as window.onload=function() in JavaScript .

No wrap - in is the same as

<head><script type="text/javascript"> //your
//code goes here</script</head>

So you just have to change it to NO wrap to body.

answered Feb 26 '14 at 13:52

Vinayak Pingale

1,315
8
19

score 0 · Answer 4 · answered Feb 26 '14 at 13:53

The function is being defined inside a load handler and thus is in a different scope. You can fix this by explicitly defining it on the window object. Better, yet, change it to apply the handler to the object unobtrusively: http://jsfiddle.net/pUeue/

$('input[type=button]').click( function() {
   alert("test");   
});

Note applying the handler this way, instead of inline, keeps your HTML clean. I'm using jQuery, but you could do it with with or without a framework or using a different framework, if you like.

Simple Button Click not working

4 Answers4