Points

by RandomRainbow7

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <!--<link href="style.css" rel="stylesheet" type="text/css">-->
    </head>
    <header>
        <nav>
            <img src="logo.jpg">
             <h1 id="titt">North Park Clubs</h1>

            <li> <a href="attendance.html">Attendance</a>
 <a href="addStudent.html">Add Student</a>

            </li>
        </nav>
    </header>
    
    <body>
        <table border="1" style="width:100%" id="attendance">
            <tr>
                <td>First Name</td>
                <td>Last Name</td>
                <td>Student Number</td>
                <td>Points</td>
                <td>Absent</td>
                <input id="save" submit="att()" type="button" value="Save">
            </tr>
        </table>
    </body>
    <script src="function.js"></script>

</html>

CSS

li {
    display: inline;
}
#attendance {
    border: 1px solid black;
}

JavaScript

if (localStorage.getItem("studentList") === null) {
    localStorage.setItem("studentList", JSON.stringify([]));
}

studentList = JSON.parse(localStorage.getItem("studentList"));

function save() {
    newStudent = {
        "firstname": document.getElementById('sFirstName').value,
            "lastname": document.getElementById('sLastName').value,
            "studentnumber": document.getElementById('sNumber').value,
            "points": document.getElementById('sPoints').value
    };

    studentList.push(newStudent);
    localStorage.setItem("studentList", JSON.stringify(studentList));
};
table = document.getElementById("attendance");
for (i = 0; i < studentList.length; i++) {
    row = table.insertRow(i + 1);
    cell1 = row.insertCell(0);
    cell2 = row.insertCell(1);
    cell3 = row.insertCell(2);
    cell4 = row.insertCell(3);
    cell5 = row.insertCell(4);

    cell1.innerHTML = studentList[i].firstname;
    cell2.innerHTML = studentList[i].lastname;
    cell3.innerHTML = studentList[i].studentnumber;
    cell4.innerHTML = studentList[i].points;
    cell5.innerHTML = "<input type=checkbox>";
}


function userName() { //this function takes values from the text box and stores them in objects

    var studentList = {
        studentNumber: document.getElementById("newUser").value + index,
        lastName: document.getElementById("newlName").value + index,
        firstName: document.getElementById("newfName").value + index

    };
}