jquery - Access object in javascript onclick function -

jquery - Access object in javascript onclick function -

how can access object in function called onclick event of dom element?

<script> function myobj(){ //... } myobj.prototype.dostep = function (num) { //... } var obj = new myobj(); function process_step(n) { //do existing obj obj.dostep(n); //obj undefined } $("body").append("<button onclick='process_step(1)'>process step 1</button>"); </script>

try this

<script> function myobj(){ //... } myobj.prototype.dostep = function (num) { console.log(num); } var obj = new myobj(); myobj.prototype.process_step = function(n) { this.dostep(n); //obj undefined } obj.process_step(1); $("body").append("<button onclick='process_step(1)'>process step 1</button>"); </script>

javascript jquery oop events onclick