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.