Onclick event not firing on jsfiddle.net

Question

I'm testing some javascript on jsfiddle and for some reason I can't get a function to fire on a button click. Any advice?

missing ) after argument list }); /_display/ (line 66, col 4) You have js errors. — , Feb 02 '12 at 15:20
I would also suggest that you use a framework like Backbone.js. You can create a 'Room' model and set its attributes - like price and room number. Then push those models into a Collection (sort of like a super-array that has some helpful methods). You can use it with JQuery and it would really help clean up your code. — PhillipKregg, Feb 02 '12 at 15:30

dk123 · Answer 1 · 2013-07-07T08:24:59.030

128

In the Frameworks & Extensions panel, set onLoad to No wrap - in <body>.

It took me a while to figure this out.

edited Jul 07 '13 at 08:24

answered Apr 23 '13 at 04:07

dk123

1

awesome! Can you explain what exactly this does? what does wrap mean with regards to onLoad()? – Sujay Phadke Feb 11 '16 at 00:23
4

What is "Frameworks & Extensions" ?? i don't see that anywhere. – John Henckel Jun 16 '16 at 18:20
5

Click on the settings icon next to JAVASCRIPT in the JAVASCRIPT panel and choose 'no wrap - in ' – Martlark Nov 30 '16 at 01:04

score 18 · Answer 2 · answered Feb 02 '12 at 15:17

18

You have configured JSFiddle to wrap the code in an onload event handler. Consequently the function you are trying to call onclick is out of scope.

Don't use intrinsic event attributes. Use jQuery's (since you are using jQuery already) event binding instead.

answered Feb 02 '12 at 15:17

Quentin

1

Although the above answer tells us how to fix the issue, I upvote yours because you explain what is going on :) – Maria Ines Parnisari Dec 01 '14 at 05:17

2 Answers2