How get var value from return in JavaScript

Question

I don't know if my question is right as in the title. generally, I have this code:

 function one(){ var main= document.getElementById('main'); var arr = ['a','b','c','d','e']; var btn = document.createEement('button'); var btnTxt= document.createTextNode('click'); main.appendChild(btn); btn.appendChild(btnTxt); btn.setAttribute('onclick','two()'); return arr; } function two() { //I need to get the arr variable here. }

Answer 1

Set a variable equal to the function.

var oneResult = one();

 function one(){ var main= document.getElementById('main'); var arr = ['a','b','c','d','e']; var btn = document.createElement('button'); var btnTxt= document.createTextNode('click'); main.appendChild(btn); btn.appendChild(btnTxt); btn.setAttribute('onclick','two()'); return arr; } function two(){ // i need to get the arr varible here. var oneResult = one(); } two();

 <div id="main"></div>

Answer 2

One possible solution is to pass arr as argument of function two using JSON.stringify() and template literals . Note if you call one() inside function two() a new button will be created every time:

 function one() { var main = document.getElementById('main'); var arr = ['a','b','c','d','e']; var btn = document.createElement('button'); var btnTxt= document.createTextNode('click'); main.appendChild(btn); btn.appendChild(btnTxt); btn.setAttribute('onclick',`two(${JSON.stringify(arr)})`); return arr; } function two(arr) { //I need to get the arr variable here. console.log(arr); } one();

 <div id="main"></div>

Answer 3

call the one function in two

 function one(){ var main= document.getElementById('main'); var arr = ['a','b','c','d','e']; var btn = document.createEement('button'); var btnTxt= document.createTextNode('click'); main.appendChild(btn); btn.appendChild(btnTxt); btn.setAttribute('onclick','two()'); return arr; } function two(){ var v=one(); // i need to get the arr varible here. }

Answer 4

Just call the function one() in two because its return the arr .Also you don't have div with id = main so I added it
Note : The function one() will be called on each click of btn so new btns will be created

 function one(){ var main= document.getElementById('main'); var arr = ['a','b','c','d','e']; var btn = document.createElement('button'); var btnTxt= document.createTextNode('click'); main.appendChild(btn); btn.appendChild(btnTxt); btn.setAttribute('onclick','two()'); return arr; } one(); function two(){ var arr = one(); console.log(arr); // i need to get the arr varible here. }

 <div id="main"></div>