To access a variable outside a function in JavaScript make your variable accessible from outside the function. First, declare it outside the function, then use it inside it.
function one(){
var a;
function two(){
a = 10;
return a;
}
return two();
}You can’t access variables declared inside a function from outside a function. The variable belongs to the function’s scope only, not the global scope.
Access variable outside a function in JavaScript
Simple example code access variable outside function scope.
<!DOCTYPE html>
<html>
<body>
<script>
function one(){
var a;
function two(){
a = 100;
console.log("Inner function")
return a;
}
return two();
}
var res = one();
console.log(res)
</script>
</body>
</html>
Output:
Another way is Not putting “var“, “let” or “const” will make the variable Public And usable outside a function.
function Play(){
Video = 12 // Seconds
var Length = 15
}
console.log(Video) // Prints 12
console.log(Length) // "Lenght" is undefinedchange a variable outside a function js
var global = "Global Variable"; //Define global variable outside of function
function setGlobal(){
global = "Hello World!";
};
setGlobal();
console.log(global); //This will print out "Hello World"Comment if you have any doubts or suggestions on this JS variable topic.
Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version
.lens-input-box, .nav-search {
position: relative;
display: block;
margin-top:40px;
width: 250px;
height: 25px;
}
var inputx;
const input1 = document.querySelector(‘#search-textbox’);
const input2 = document.querySelector(‘#lens-textbox’);
function chooseSearchTextBox(e){
var input = (e.target.id == ‘search-textbox’) ? input1 : input2;
inputx = input.id;
alert(inputx); //accessible within function scope
}
input1.addEventListener(‘click’, chooseSearchTextBox);
input2.addEventListener(‘click’, chooseSearchTextBox);
//alert(inputx); //not accessible outside the function. How do I access inputx from here? Thank you