estoy aprendiendo JavaScript y estoy algo perdido. Intente mil maneras pero quisiera que el valor que le asigno dentro de una función a una variable lo puedo usar afuera de esta.
Para resumir, este es el resultado que quiero, peroooo si yo quisiera tomar el valor que asigna el Usuario por la zona seleccionada, no puedo por que la variable origenUsuario
esta declarada de la funcion userCapture()
function userCapture() {
let userSelected = document.getElementById('formSelec')
origenUsuario = userSelected.value
document.getElementById('origenSeleccionado').innerText = "Ud selecciono la zona " + origenUsuario
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>JS CoderH</title>
</head>
<body>
<h1>Hola Mundo</h1>
<p>Curso JS</p>
<form id="barrios">
<select id="formSelec" onchange="userCapture()">
<option selected value="0" disabled>Selecciona la zona de Origen</option>
<option value="1">CABA</option>
<option value="2">Zona Norte</option>
<option value="3">Zona Oeste</option>
<option value="4">Zona Sur</option>
<option value="5">La Plata</option>
<option value="6">Mar del Plata</option>
<option value="7">Cordoba</option>
</select>
</form>
<h1 id="origenSeleccionado"></h1>
</body>
</html>
Ahora si llamara la variable origenUsuario
por fuera de la funcion, como lo hago en este ejemplo. no tengo el mismo resultado y no me cambia el valor de la misma- Y esto me serviria para poder usar la seleccion del usuario en otros calculos.
function userCapture() {
let userSelected = document.getElementById('formSelec')
origenUsuario = userSelected.value
}
userCapture()
var origenUsuario
document.getElementById('origenSeleccionado').innerText = "Ud selecciono la zona " + origenUsuario
<!DOCTYPE html>
<html lang="en">
<head>
<title>JS CoderH</title>
</head>
<body>
<h1>Hola Mundo</h1>
<p>Curso JS</p>
<form id="barrios">
<select id="formSelec" onchange="userCapture()">
<option selected value="0" disabled>Selecciona la zona de Origen</option>
<option value="1">CABA</option>
<option value="2">Zona Norte</option>
<option value="3">Zona Oeste</option>
<option value="4">Zona Sur</option>
<option value="5">La Plata</option>
<option value="6">Mar del Plata</option>
<option value="7">Cordoba</option>
</select>
</form>
<h1 id="origenSeleccionado"></h1>
</body>
</html>
Ya intente de mil maneras. Alguien que me pueda dar una mano a obtener el mismo resultado llamando a la variable fuera de la función como en el primer ejemplo lo agradecería!! Buenas noches coders!