JSFiddle - React, Tailwind, and code Playground

by hicurin

JavaScript

var grades = [];
var update_display = function () {
    $("#scores").value = get_item_list(grades);

    $("#last_name").val('');
    $("#first_name").val('');
    $("#score").val('');

$("#last_name").focus();
}    

function get_item_list(item_list) {
    if ( item_list.length == 0 ) {
       return "";
    }
    var list;
    for ( var i in item_list ) {
        list += item_list[i] + "\n";
    }
    return list;
}

$(function(){
    $("#add_button").onclick = function(){
        var studentGrade = [];
        studentGrade["last_name"] = $("#last_name").val();
        studentGrade["first_name"] = $("#first_name").val();
        studentGrade["score"] = parseFloat($("#score").val();
    
        if ( studentGrade["last_name"] == "" ) return;
        if ( studentGrade["last_name"] == "" ) return;
        if ( isNaN(studentGrade["score"]) ) return;
    
        grades.push(studentGrade);
        update_display();
    };
    $("#last_name").focus();
});