Question

I have a little javascript app set up here: http://jsfiddle.net/faYMH/

What i want it to do is add a

<div><h1>Hi there and greetings!</h1></div>

after

<div id='org_div1' onclick="addElement()">Hello</div>

using

<a href="#" onClick="addElement()" >add some</a>

(actually, what i want is for the onClick to go directly in the

So can anyone correct my code or provide some input?

(My next step is to also add a remove div, add an id to the new div with id + i++ )

Thanks so much!!

Answer 1

In your jsFiddle, addElement was scoped to inside the document ready handler and thus wasn’t available to the click handler. I’ve modified the settings in the jsFiddle (without changing any code) to not have your code wrapped that way and it works for me now: http://jsfiddle.net/jfriend00/XVDYa/.

I changed the jsFiddle settings to “No-Library (pure JS)” and to “no wrap (head)”. It’s the second setting that really makes the difference here.