Skip to main content
Código de jsfiddle agregado a la pregunta usando el botón de Snippets de HTML/JavaScript/CSS
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105

Como ¿Cómo usar un JSON usando un formulario, sin otro programa ni base de datos, solo JavaScript?

He estado haciendo esto como actividad, ya que estoy aprendiendo de JS, ahora bien, segúnJavaScript.

Según lo que dice el ejercicio es esto:

La idea es que cuando se haga clic en el botón Registrar Estudiante se capturen los siguientes datos: el código, el nombre, y la nota digitada. Estos datos hay que guardarlos como un objeto estudiante en un JSON para luego utilizarlo.

La idea es que cuando se haga clic en el botón Registrar Estudiante se capturen los siguientes datos: el código, el nombre, y la nota digitada. Estos datos hay que guardarlos como un objeto estudiante en un JSON para luego utilizarlo.

aquiAquí esta el codigocódigo que tengo al momento:

(o https://jsfiddle.net/bkhris/3ts91a08/5/):

la

function registro() {

    var infoEstudiante;

    codigoE = String(document.getElementById('codigo').value);
    nombreE = String(document.getElementById('nombre').value);
    notaE = parseFloat(document.getElementById('nota').value);

// prueba de como deberia quedar la informacion
    document.getElementById('codigo1').value = codigoE;
    document.getElementById('nombre1').value = nombreE;
    document.getElementById('nota1').value = notaE;

     alert("El Estudiante ha sido registrado con exito");

function log(str) {
    var logEl = document.createElement("td");
    logEl.textContent = str;
    logEl.className = "logCSS"; 
    document.getElementById('otraprueba').appendChild(logEl);
    //document.body.appendChild(logEl);  prueba
}

log(codigoE); log(nombreE); log(notaE);

}
<h1>Registro de Estudiante</h1>

Codigo: 
<br><input type="text" id="codigo" value="" /><br>
Nombre: 
<br><input type="text" id="nombre" value="" /><br>
Nota: 
<br><input type="text" id="nota" value="" /><br>
<br>
<button onclick="registro()">Registrar Estudiante</button>
<button onclick="mostrar_promedio()">Mostrar Promedio</button>
<button onclick="mostrar_nota_mayor()">Mostrar Nota Mayor</button>
<button onclick="mostrar_nota_menor()">Mostrar Nota Menor</button>

<h1>Listado de Estudiantes</h1>

<table border="1" id="otraprueba">

    <td>Codigo</td><td>Nombre</td><td>Nota</td>
    <tr></tr>
    <td>
    <input type="text" id="codigo1" value="" disabled="" /></td>
    <td>
    <input type="text" id="nombre1" value="" disabled="" /></td>
    <td>
    <input type="text" id="nota1" value="" disabled="" /></td>
    <tr></tr>
    <td id="codigo12">debajo va child</td><td id="nombre12"></td><td id="nota12"></td>
    <tr></tr>
</table>
<div id="ultimaprueba"></div>

La pregunta, como lo dice el titulo, Como: ¿Cómo usar un JSON usando un formulario, sin otro programa ni base de datos, solo JavaScript y? Y quiero usarlo para sacar promedio de las personas que se agreguen por medio de alertas y al igual como¿cómo crear un nuevo nodo que se pueda dividir por 3 secciones, ya que a mi me salessale pero queda todo unido?

Necesito ayuda, ya vi bastantes foros y no he pasado de ese código que les comparto.

NOTA IMPORTANTE: No se porquesé por qué no corre el código en la página donde está codigo (valga la redundancia), pero es lo que he estado haciendo en sublime y DW y funciona, solosólo lo uso como referencia para mostrar la información.

Como usar un JSON usando un formulario sin otro programa ni base de datos, solo JavaScript?

He estado haciendo esto como actividad, ya que estoy aprendiendo de JS, ahora bien, según lo que dice el ejercicio es esto:

La idea es que cuando se haga clic en el botón Registrar Estudiante se capturen los siguientes datos: el código, el nombre, y la nota digitada. Estos datos hay que guardarlos como un objeto estudiante en un JSON para luego utilizarlo.

aqui esta el codigo que tengo al momento:

https://jsfiddle.net/bkhris/3ts91a08/5/

la pregunta, como lo dice el titulo, Como usar un JSON usando un formulario sin otro programa ni base de datos, solo JavaScript y usarlo para sacar promedio de las personas que se agreguen por medio de alertas y al igual como crear un nuevo nodo que se pueda dividir por 3 secciones, ya que a mi me sales pero queda todo unido?

Necesito ayuda, ya vi bastantes foros y no he pasado de ese código que les comparto.

NOTA IMPORTANTE: No se porque no corre el código en la página donde está codigo (valga la redundancia), pero es lo que he estado haciendo en sublime y DW y funciona, solo lo uso como referencia para mostrar la información.

¿Cómo usar un JSON usando un formulario, sin otro programa ni base de datos, solo JavaScript?

He estado haciendo esto como actividad, ya que estoy aprendiendo JavaScript.

Según lo que dice el ejercicio es esto:

La idea es que cuando se haga clic en el botón Registrar Estudiante se capturen los siguientes datos: el código, el nombre, y la nota digitada. Estos datos hay que guardarlos como un objeto estudiante en un JSON para luego utilizarlo.

Aquí esta el código que tengo al momento (o jsfiddle):

function registro() {

    var infoEstudiante;

    codigoE = String(document.getElementById('codigo').value);
    nombreE = String(document.getElementById('nombre').value);
    notaE = parseFloat(document.getElementById('nota').value);

// prueba de como deberia quedar la informacion
    document.getElementById('codigo1').value = codigoE;
    document.getElementById('nombre1').value = nombreE;
    document.getElementById('nota1').value = notaE;

     alert("El Estudiante ha sido registrado con exito");

function log(str) {
    var logEl = document.createElement("td");
    logEl.textContent = str;
    logEl.className = "logCSS"; 
    document.getElementById('otraprueba').appendChild(logEl);
    //document.body.appendChild(logEl);  prueba
}

log(codigoE); log(nombreE); log(notaE);

}
<h1>Registro de Estudiante</h1>

Codigo: 
<br><input type="text" id="codigo" value="" /><br>
Nombre: 
<br><input type="text" id="nombre" value="" /><br>
Nota: 
<br><input type="text" id="nota" value="" /><br>
<br>
<button onclick="registro()">Registrar Estudiante</button>
<button onclick="mostrar_promedio()">Mostrar Promedio</button>
<button onclick="mostrar_nota_mayor()">Mostrar Nota Mayor</button>
<button onclick="mostrar_nota_menor()">Mostrar Nota Menor</button>

<h1>Listado de Estudiantes</h1>

<table border="1" id="otraprueba">

    <td>Codigo</td><td>Nombre</td><td>Nota</td>
    <tr></tr>
    <td>
    <input type="text" id="codigo1" value="" disabled="" /></td>
    <td>
    <input type="text" id="nombre1" value="" disabled="" /></td>
    <td>
    <input type="text" id="nota1" value="" disabled="" /></td>
    <tr></tr>
    <td id="codigo12">debajo va child</td><td id="nombre12"></td><td id="nota12"></td>
    <tr></tr>
</table>
<div id="ultimaprueba"></div>

La pregunta: ¿Cómo usar un JSON usando un formulario, sin otro programa ni base de datos, solo JavaScript? Y quiero usarlo para sacar promedio de las personas que se agreguen por medio de alertas y al igual ¿cómo crear un nuevo nodo que se pueda dividir por 3 secciones, ya que a mi me sale pero queda todo unido?

NOTA IMPORTANTE: No sé por qué no corre el código en donde está, pero es lo que he estado haciendo en sublime y DW y funciona, sólo lo uso como referencia para mostrar la información.

Origen Enlace
Khris
  • 23
  • 4

Como usar un JSON usando un formulario sin otro programa ni base de datos, solo JavaScript?

He estado haciendo esto como actividad, ya que estoy aprendiendo de JS, ahora bien, según lo que dice el ejercicio es esto:

La idea es que cuando se haga clic en el botón Registrar Estudiante se capturen los siguientes datos: el código, el nombre, y la nota digitada. Estos datos hay que guardarlos como un objeto estudiante en un JSON para luego utilizarlo.

aqui esta el codigo que tengo al momento:

https://jsfiddle.net/bkhris/3ts91a08/5/

la pregunta, como lo dice el titulo, Como usar un JSON usando un formulario sin otro programa ni base de datos, solo JavaScript y usarlo para sacar promedio de las personas que se agreguen por medio de alertas y al igual como crear un nuevo nodo que se pueda dividir por 3 secciones, ya que a mi me sales pero queda todo unido?

Necesito ayuda, ya vi bastantes foros y no he pasado de ese código que les comparto.

NOTA IMPORTANTE: No se porque no corre el código en la página donde está codigo (valga la redundancia), pero es lo que he estado haciendo en sublime y DW y funciona, solo lo uso como referencia para mostrar la información.