从全局范围内的函数内部访问数据

Question

I'm still learning JS and I'm currently struggling with this problem. I want to be able to access the data from ordArray in the global scope. How do I do this ? I've tried with returns but struggling to solve it.

const startOrd = function() {
    const ordArray = [];
    val = document.getElementById("val_ord").value;
    ordArray.push(val)
    console.log(ordArray)
}

Answer 1

Simply create ordArray outside of the function :)

const ordArray = [];
const startOrd = function () {
  val = document.getElementById("val_ord").value;
  ordArray.push(val)
  console.log(ordArray)

}

Answer 2

Declare/initialize the array outside of the function.

const ordArray = [];

const startOrd = function() {
    val = document.getElementById("val_ord").value;
    ordArray.push(val)
    console.log(ordArray)
}

Answer 3

Your code looks correct, Only thing you want is I've tried with returns but struggling to solve it

Demo :

 const startOrd = function() { const ordArray = []; const val = document.getElementById("val_ord").value; ordArray.push(val) return ordArray; }; console.log(startOrd());

 <input type="text" id="val_ord" value="abcd"/>

Answer 4

Constants are block-scoped , when you create variable in function you dont access to variable out side the function.

please follow the link

I think, This writing code method is more better:

var ordArray = [];
let startOrd = (elem) => elem?.value;
let targetElem = document.getElementById("val_ord");
ordArray.push(startOrd(targetElem));