En este caso es fácil, porque ya haces un return
del valor de la variable x
dentro de la función, y tan solo debes asignar a una nueva variable la ejecución de la función, fuera de la función:
words = "hola "
function mostrar() {
function add(n) {
x = words.concat(n)
console.log(x)
box.innerHTML = words.concat(n);
return x;
}
y = add("LouisSarmiendo")
console.log(y)
}
mostrar()
<div id="box"></id>
También tienes otra forma, sin usar variables globales, que es usando variables locales con let. Definiéndolas de esta forma su alcance es local, dentro de la función mostrar()
en este caso, y para todo lo que la contenga, como puedes ver en este ejemplo:
words = "hola "
function mostrar() {
let x
function add(n) {
x = words.concat(n)
console.log(x)
box.innerHTML = words.concat(n);
return x;
}
add("LouisSarmiendo")
console.log(x)
}
mostrar()
<div id="box"></id>