Передать переменную Javascript на другую функцию через Onclick

Question

JavaScript-новичок здесь .... Мне нужно вызвать функцию JavaScript, которая передает две переменные. Затем мне нужно, чтобы эти 2 переменные передавались другой функции через событие onClick. Вот общая идея:

function FirstFunction(var1, var2) { 
    // Using console.log to verify passed variables 
    console.log(uid); 
    console.log(accessToken); 
    $('#dialog-message').html('<div><button onclick="SecondFunction(var1, var2)">Submit</button></div>'); 
}; 

function SecondFunction(var1, var2) { 
    // Using console.log to verify passed variables 
    console.log(uid); 
    console.log(accessToken); 
}; 

Я не могу видеть var1 var2 & в SecondFunction(). Что здесь не так?

Answer 1

Мой оригинальный комментарий:

Рядный Обработчик события щелчка будет оцениваться в глобальном масштабе, а не внутри области видимости функции. Похоже, вы используете jQuery, поэтому используйте его для create the DOM elements и bind the event handler.

Таким образом, вы можете избежать всей проблемы (и не должны использовать глобальные переменные):

function FirstFunction(var1, var2) { 
    var $button = $('<button />', { 
     click: function() { 
      SecondFunction(var1, var2); 
     }, 
     text: 'Submit' 
    }); 

    $('<div />').append($button).appendTo('#dialog-message'); 
} 

Потому что теперь обработчик события является замыканием с доступом к var1 и var2.

Answer 2

Попробуйте

$('#dialog-message').html('<div><button onclick="SecondFunction('+ var1 + ','+ var2+ ')">Submit</button></div>'); 

Answer 3

Попробуйте

$('#dialog-message').html('<div><button onclick="SecondFunction(' + var1 +', ' + var2 + ')>Submit</button></div>');