html - Variable is not defined Javascript + Parse.com -

i have big problem. (line: 40)

i want create input button js attribute onclick function 1 parameter. "onclick = gogrupa(gid)". not working. "uncaught referenceerror: gid not defined".

next step function gogrupa(id) - 1 parameter , need show him in console.log now.

what's problem?

javascript code:

parse.initialize("xxx", "xxx"); var currentuser = parse.user.current();  $(document).ready(function(){     wyszukajprzedmioty(); });  function wyszukajprzedmioty(){    var zapprzedmioty = new parse.query(new parse.object.extend("przedmioty"));    var output = "<ul>";    zapprzedmioty.include("grupy");     zapprzedmioty.equalto("uczelnia",currentuser.get("nazwauczelni"));    zapprzedmioty.equalto("kierunek",currentuser.get("kierunek"));    zapprzedmioty.equalto("rok",currentuser.get("rok"));    zapprzedmioty.find({     success:function(przedmioty){         (var in przedmioty){             console.log(i+ " przedmiot: "+przedmioty[i]);             var nazwaprzedmiotu = przedmioty[i].get("nazwaprzedmiotu");             var kierunek = przedmioty[i].get("kierunek");             var rok = przedmioty[i].get("rok");              output += "<li><div id=\"naglowek\">";       output += "<p><b style=\"font-size:20px; text-transform: uppercase;\">"+nazwaprzedmiotu+"</b><br></p>";       output += "<i>"+kierunek+"</i>, rok: <i>"+rok+"</i><br>";       output += "</div>";              var g = przedmioty[i].get("grupy");             if (g.length > 0){                 output += "<br><b style=\"font-size: 20px;\"> grupy: </b>";                 output += "<table>"                 console.log("znaleziono grupy.");                 (var j in g){                     var dziekanska = g[j].get("dziekanska");                     var gid = g[j].id;                     if (g[j].get("lab") == 5){                         var lab = "nie dotyczy";                         output += "<tr><td class=\"left\">dziekańska: "+dziekanska+"</td>";                         output += "<td class=\"right\"><input type=\"button\" value=\"dołącz\" onclick=gogrupa(gid)></td></tr>";                     }                     else{                         var lab = g[j].get("lab");                         output += "<tr><td class=\"left\">dziekańska: "+dziekanska+", lab: "+lab+"</td>";   // here problem \/                         output += "<td class=\"right\"><input type=\"button\" value=\"dołącz\" onclick=gogrupa(gid)></td></tr>";                     }                       console.log (j+" grupa: "+dziekanska+" "+lab+" id: "+gid);                 }                 output += "</table>";             }             else{                 console.log("nie ma grup");                 output += "</li>";             }         }         $("#listaprzedmiotowstudent").html(output + "</ul>");     },     error:function(e){         console.log(e.message);     } }); } function gogrupa(gid){   console.log(gid); } 

and screen:

i try change on:

onclick=\"gogrupa("+gid+")\", onclick=\"gogrupa(gid)\", onclick=gogrupa("+gid+"), onclick=gogrupa(gid)

and nothing.

try converting "onclick=gogrupa(gid)" "onclick=gogrupa(" + gid + ")"