Skip to main content
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel='stylesheet' href='css/estilos.css'/>
    <link href='https://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet'>
        <script src="jquery-3.2.1.js"></script>
        <script type="text/javascript">

    function editarEstudiante(codigo){
        var estudiante;
        for (var i = 0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            if (clave == codigo) {
                estudiante = $.parseJSON(localStorage.getItem(clave));

                $("#codigo").val(estudiante.codigo);
                $("#nombre").val(estudiante.nombre);
                $("#nota").val(estudiante.nota);
            }
        }
    }

    function listarEstudiantes(){
        var tabla = "";
        var parrafo1 = $("#p1");

        tabla += '<table border="1">';
        tabla += '<tr>';
        tabla += '<th>CODIGO</th>';
        tabla += '<th>NOMBRE</th>';
        tabla += '<th>NOTA</th>';
        tabla += '<th>EDITAR</th>';
        tabla += '<th>ELIMINAR</th>';
        tabla += '</tr>';

        for (var i=0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            var estudiante = $.parseJSON(localStorage.getItem(clave));

            tabla += '<tr>';
            tabla += '<td>'+estudiante.codigo+'</td>';
            tabla += '<td>'+estudiante.nombre+'</td>';
            tabla += '<td>'+estudiante.nota+'</td>';
            tabla += '<td><button onclick="editarEstudiante(\''+estudiante.codigo+'\');">Editar</button></td>';
            tabla += '<td><button onclick="eliminarEstudiante(\''+estudiante.codigo+'\');">Eliminar</button></td>';
            tabla += '</tr>';
            }
        tabla += '</table>';
        $(parrafo1).html(tabla);
    }

    function eliminarEstudiante(codigo){
        localStorage.removeItem(codigo);
        listarEstudiantes();
    }

    $(document).ready(function(){
        var contador;
        if(localStorage.length>0){
            contador = localStorage.length+1
        }else{
            contador = 1;
        }

        $("#codigo").val(contador);

        $("#boton1").click(function(){
            var codigo = $("#codigo").val();
            var nombre = $("#nombre").val();
            var nota = $("#nota").val();

            var estudiante = {
                codigo:codigo,
                nombre:nombre,
                nota:nota
            };

            localStorage.setItem(codigo,JSON.stringify(estudiante));
            contador = localStorage.length + 1;

    listarEstudiantes();
    restablecer();

 });

  $("#boton2").click(function(){
    restablecer(9);
  });

  function restablecer(){
    $("#codigo").val(contador);
    $("#nombre").val("");
    $("#nota").val("");
  }

    listarEstudiantes();
    $("#codigo").val();

});

$("#boton3").click(function(){ var acumulador = 0.0; for (var i = 0; i < localStorage.length; i++) { acumulador += localStorage[i].nota; } var promedio = acumulador / localStorage.length;


$("#boton3").click(function(){
    var acumulador = 0.0;
    for (var i = 0; i < localStorage.length; i++) {
    acumulador += localStorage[i].nota;
    }
    var promedio = acumulador / localStorage.length;

    alert("La nota promedio es: " + promedio);

});


});
</script>
    function editarEstudiante(codigo){
        var estudiante;
        for (var i = 0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            if (clave == codigo) {
                estudiante = $.parseJSON(localStorage.getItem(clave));

                $("#codigo").val(estudiante.codigo);
                $("#nombre").val(estudiante.nombre);
                $("#nota").val(estudiante.nota);
            }
        }
    }

    function listarEstudiantes(){
        var tabla = "";
        var parrafo1 = $("#p1");

        tabla += '<table border="1">';
        tabla += '<tr>';
        tabla += '<th>CODIGO</th>';
        tabla += '<th>NOMBRE</th>';
        tabla += '<th>NOTA</th>';
        tabla += '<th>EDITAR</th>';
        tabla += '<th>ELIMINAR</th>';
        tabla += '</tr>';

        for (var i=0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            var estudiante = $.parseJSON(localStorage.getItem(clave));

            tabla += '<tr>';
            tabla += '<td>'+estudiante.codigo+'</td>';
            tabla += '<td>'+estudiante.nombre+'</td>';
            tabla += '<td>'+estudiante.nota+'</td>';
            tabla += '<td><button onclick="editarEstudiante(\''+estudiante.codigo+'\');">Editar</button></td>';
            tabla += '<td><button onclick="eliminarEstudiante(\''+estudiante.codigo+'\');">Eliminar</button></td>';
            tabla += '</tr>';
            }
        tabla += '</table>';
        $(parrafo1).html(tabla);
    }

    function eliminarEstudiante(codigo){
        localStorage.removeItem(codigo);
        listarEstudiantes();
    }

    $(document).ready(function(){
        var contador;
        if(localStorage.length>0){
            contador = localStorage.length+1
        }else{
            contador = 1;
        }

        $("#codigo").val(contador);

        $("#boton1").click(function(){
            var codigo = $("#codigo").val();
            var nombre = $("#nombre").val();
            var nota = $("#nota").val();

            var estudiante = {
                codigo:codigo,
                nombre:nombre,
                nota:nota
            };

            localStorage.setItem(codigo,JSON.stringify(estudiante));
            contador = localStorage.length + 1;

    listarEstudiantes();
    restablecer();

 });

  $("#boton2").click(function(){
    restablecer(9);
  });

  function restablecer(){
    $("#codigo").val(contador);
    $("#nombre").val("");
    $("#nota").val("");
  }

    listarEstudiantes();
    $("#codigo").val();

});

$("#boton3").click(function(){ var acumulador = 0.0; for (var i = 0; i < localStorage.length; i++) { acumulador += localStorage[i].nota; } var promedio = acumulador / localStorage.length;

alert("La nota promedio es: " + promedio);

});

</script>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel='stylesheet' href='css/estilos.css'/>
    <link href='https://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet'>
        <script src="jquery-3.2.1.js"></script>
        <script type="text/javascript">

    function editarEstudiante(codigo){
        var estudiante;
        for (var i = 0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            if (clave == codigo) {
                estudiante = $.parseJSON(localStorage.getItem(clave));

                $("#codigo").val(estudiante.codigo);
                $("#nombre").val(estudiante.nombre);
                $("#nota").val(estudiante.nota);
            }
        }
    }

    function listarEstudiantes(){
        var tabla = "";
        var parrafo1 = $("#p1");

        tabla += '<table border="1">';
        tabla += '<tr>';
        tabla += '<th>CODIGO</th>';
        tabla += '<th>NOMBRE</th>';
        tabla += '<th>NOTA</th>';
        tabla += '<th>EDITAR</th>';
        tabla += '<th>ELIMINAR</th>';
        tabla += '</tr>';

        for (var i=0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            var estudiante = $.parseJSON(localStorage.getItem(clave));

            tabla += '<tr>';
            tabla += '<td>'+estudiante.codigo+'</td>';
            tabla += '<td>'+estudiante.nombre+'</td>';
            tabla += '<td>'+estudiante.nota+'</td>';
            tabla += '<td><button onclick="editarEstudiante(\''+estudiante.codigo+'\');">Editar</button></td>';
            tabla += '<td><button onclick="eliminarEstudiante(\''+estudiante.codigo+'\');">Eliminar</button></td>';
            tabla += '</tr>';
            }
        tabla += '</table>';
        $(parrafo1).html(tabla);
    }

    function eliminarEstudiante(codigo){
        localStorage.removeItem(codigo);
        listarEstudiantes();
    }

    $(document).ready(function(){
        var contador;
        if(localStorage.length>0){
            contador = localStorage.length+1
        }else{
            contador = 1;
        }

        $("#codigo").val(contador);

        $("#boton1").click(function(){
            var codigo = $("#codigo").val();
            var nombre = $("#nombre").val();
            var nota = $("#nota").val();

            var estudiante = {
                codigo:codigo,
                nombre:nombre,
                nota:nota
            };

            localStorage.setItem(codigo,JSON.stringify(estudiante));
            contador = localStorage.length + 1;

    listarEstudiantes();
    restablecer();

 });

  $("#boton2").click(function(){
    restablecer(9);
  });

  function restablecer(){
    $("#codigo").val(contador);
    $("#nombre").val("");
    $("#nota").val("");
  }

    listarEstudiantes();
    $("#codigo").val();

});

$("#boton3").click(function(){
    var acumulador = 0.0;
    for (var i = 0; i < localStorage.length; i++) {
    acumulador += localStorage[i].nota;
    }
    var promedio = acumulador / localStorage.length;

    alert("La nota promedio es: " + promedio);

});
</script>
Origen Enlace

Extrael datos del localstorage para realizar cáculos

Estoy intentando obtener los datos almacenados en el localStorage, para calcular Nota Promedio, Nota Mayor y Nota Menor, sin embargo no me muestra el resultado, como tampoco me generar ningún error.

Mi código

    function editarEstudiante(codigo){
        var estudiante;
        for (var i = 0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            if (clave == codigo) {
                estudiante = $.parseJSON(localStorage.getItem(clave));

                $("#codigo").val(estudiante.codigo);
                $("#nombre").val(estudiante.nombre);
                $("#nota").val(estudiante.nota);
            }
        }
    }

    function listarEstudiantes(){
        var tabla = "";
        var parrafo1 = $("#p1");

        tabla += '<table border="1">';
        tabla += '<tr>';
        tabla += '<th>CODIGO</th>';
        tabla += '<th>NOMBRE</th>';
        tabla += '<th>NOTA</th>';
        tabla += '<th>EDITAR</th>';
        tabla += '<th>ELIMINAR</th>';
        tabla += '</tr>';

        for (var i=0; i<localStorage.length; i++){
            var clave = localStorage.key(i);
            var estudiante = $.parseJSON(localStorage.getItem(clave));

            tabla += '<tr>';
            tabla += '<td>'+estudiante.codigo+'</td>';
            tabla += '<td>'+estudiante.nombre+'</td>';
            tabla += '<td>'+estudiante.nota+'</td>';
            tabla += '<td><button onclick="editarEstudiante(\''+estudiante.codigo+'\');">Editar</button></td>';
            tabla += '<td><button onclick="eliminarEstudiante(\''+estudiante.codigo+'\');">Eliminar</button></td>';
            tabla += '</tr>';
            }
        tabla += '</table>';
        $(parrafo1).html(tabla);
    }

    function eliminarEstudiante(codigo){
        localStorage.removeItem(codigo);
        listarEstudiantes();
    }

    $(document).ready(function(){
        var contador;
        if(localStorage.length>0){
            contador = localStorage.length+1
        }else{
            contador = 1;
        }

        $("#codigo").val(contador);

        $("#boton1").click(function(){
            var codigo = $("#codigo").val();
            var nombre = $("#nombre").val();
            var nota = $("#nota").val();

            var estudiante = {
                codigo:codigo,
                nombre:nombre,
                nota:nota
            };

            localStorage.setItem(codigo,JSON.stringify(estudiante));
            contador = localStorage.length + 1;

    listarEstudiantes();
    restablecer();

 });

  $("#boton2").click(function(){
    restablecer(9);
  });

  function restablecer(){
    $("#codigo").val(contador);
    $("#nombre").val("");
    $("#nota").val("");
  }

    listarEstudiantes();
    $("#codigo").val();

});

$("#boton3").click(function(){ var acumulador = 0.0; for (var i = 0; i < localStorage.length; i++) { acumulador += localStorage[i].nota; } var promedio = acumulador / localStorage.length;

alert("La nota promedio es: " + promedio);

});

</script>

Registro de Estudiantes

        <form>
                Codigo:
                <br>
                <input type="text" id="codigo" disabled>
                <br>Nombre:
                <br>
                <input type="text" id="nombre">
                <br>Nota:
                <br>
                <input type="text" id="nota">
        </form>

        <button id="boton1">Registrar Estudiante</button>
            <button id="boton2">Restablecer</button>
            <button id="boton3">Mostrar Nota Promedio</button>
            <button id="boton4">Mostrar Nota Mayor</button>
            <button id="boton5">Mostrar Nota Menor</button>


        <p id="p1"></p>