after a variable change to 1, call something.. javascript -

so basicly if click burtton, should change variables 1. however, dosen't print out "it's happening now" should.

could please explain what's wrong this??

best regards daniel.

var reg_uname_done = 0; var reg_pword1_done = 0; var reg_pword2_done = 0; var reg_email_done = 0;   $("#first_nav_bar li:first").click(function(event) {     reg_uname_done = 1;     reg_pword1_done = 1;     reg_pword2_done = 1;     reg_email_done = 1; });     if(reg_pword1_done === 1 && reg_pword2_done === 1 && reg_email_done === 1 && reg_uname_done === 1) {     console.log('its happening now'); } 

the reason why not happening b/c js file going down, , haven't "clicked" <li> element yet, therefore variables still equal 0. have set function inside of event.

see fiddle

var reg_uname_done = 0; var reg_pword1_done = 0; var reg_pword2_done = 0; var reg_email_done = 0;  $("#first_nav_bar li:first").click(function (event) {     reg_uname_done = 1;     reg_pword1_done = 1;     reg_pword2_done = 1;     reg_email_done = 1;      check(); })  function check() {     if (reg_pword1_done === 1 && reg_pword2_done === 1 && reg_email_done && reg_uname_done) {         console.log('its happening now');     } }