[SOLUCIONADO] Capturar datos y pasarlos a un JSON

leoalvis · #1 (**permalink**) 23/08/2016, 16:26

Buenas tardes amigos:

Estoy tratando de capturar datos atraves de inputs y almacenar estas capturas en un JSON para ello uso la función "registrar". Lo que no entiendo es por que no puedo hacer uso del JSON fuera d la función mencionada ya que la variable que uso para guardar el array del JSON es global y me arroja un valor de "undefined" y en ultimas lo que necesito es utilizar ese JSON para utilizarlo en otras partes del código. Adjunto lo que hice y me corrigen si es que tengo errores garrafales para hecermelo saber, Agradezco la ayuda:

Código HTML:

Ver original<!DOCTYPE html>
 
<html>
<head>
    <title></title>
    <script>

Código Javascript:

Ver originalwindow.onload=function(){
 
            var estudiante=new Object();
            var arrayEstudiante;
            var arrayEstu;
            var codigoest;
            var nombreest;
            var notaest;
 
            document.getElementById("botonRegistrar").addEventListener("click",registrar);
 
            function registrar(){
                codigoest=document.getElementById("txtCod").value;
                nombreest=document.getElementById("txtNom").value;
                notaest=parseFloat(document.getElementById("txtNot").value);
                estudiante.codigo=codigoest;
                estudiante.nombre=nombreest;
                estudiante.notaest=notaest;
                arrayEstudiante=JSON.stringify(estudiante);
                //document.write(objEstudiante);            
 
            }
 
            document.write(arrayEstudiante);
 
        }

Código HTML:

Ver original</script>
</head>
<body>
 
    <h1>Registro Estudiante</h1>
 
    <label>Codigo</label><br>
    <input type="text" id="txtCod"><br>
    <label>Nombre</label><br>
    <input type="text" id="txtNom"><br>
    <label>Nota</label><br>
    <input type="text" id="txtNot"><br><br>
 
    <input type="button" id="botonRegistrar" value="Registrar Estudiante">
    <input type="button" id="botonPromedio" value="Mostrar promedio">
    <input type="button" id="botonNotaMayor" value="Mostrar Nota Mayor">
    <input type="button" id="botonNotaMenor" value="Mostrar Nota Menor">
 
 
 
</body>
</html>

[/HIGHLIGHT]

IsaBelM · #2 (**permalink**) 24/08/2016, 14:59

Eso ocurre por que en el momento en que es invocada está indefinida. Fijate que es invocada con el evento load y en ese momento está indefinido su valor. Si añades otra función, verás que estás logrando lo que buscas

Cita:

arrayEstudiante=JSON.stringify(estudiante);
//document.write(objEstudiante);
otrafuncion();
}

function otrafuncion() {
document.write(arrayEstudiante);
}

leoalvis · #3 (**permalink**) 24/08/2016, 15:04

Cita:

Iniciado por IsaBelM

Eso ocurre por que en el momento en que es invocada está indefinida. Fijate que es invocada con el evento load y en ese momento está indefinido su valor. Si añades otra función, verás que estás logrando lo que buscas

Excelente asi es... No había caído en cuenta. Muchas gracias