I have a function where variables are declared within that function and I need to make another function that will use those variables and will run when I click a button on a HTML doc, do I create a nested function and call that, if so how?
2 Answers
function outer(some_var) {
function inner() {
alert(some_var);
}
document.getElementById("my_button").onclick = inner;
// or
document.getElementById("my_button").addEventListener("click", inner);
}
Comments
JAVASCRIPT:
function MyFunction_outer(){
var local variable1=some_value;
var MyFunction_inner=function(some_value){
alert(some_value);
}
}
HTML:
//this is how call a function onclick.
<div onclick="MyFunction_outer" >CLICK_ME</div>//for outer function
<div onclick="MyFunction_inner" >CLICK_ME</div>//for inner function
This is how you call a function. You can also use addEventListener if you dont want to write inline code and pollute your HTML code.
Using addEventListener-:
document.getElementById('button_id').addEventListener("click",function({MyFunction_outer()},false)
OR
document.getElementById('button_id').addEventListener("click",function({MyFunction_inner()},false)
1 Comment
Barmar
He wants to put the inner function in the
onclick, not the outer function.
window.variableName, and you can use them anywhere. It's great!