script.js

let attendancedata =[];
const form = document.querySelector("form");
const rollinput = document.getElementById("roll");
const statusSelect = document.getElementById("status");

const totalCountEl = document.getElementById("totalcount");
const presentCountEl = document.getElementById("presentcount");
const absentCountEl = document.getElementById("absentcount");
let totalcount =0;
let presentcount =0;
let absentcount =0;
const rollnumbers =[];
form.addEventListener("submit",function(event){
    event.preventDefault();
    const rollnumber = rollinput.value;
    const status = statusSelect.value;
    if(rollnumber.trim() === ""){
        alert("Please enter a roll number");
        return;
    }
    if (rollnumbers.includes(rollnumber)) {
        alert("This roll number is already marked!");
        return;
    }

    const newrow =document.createElement("tr");
    const namecell = document.createElement("td");
    const rollcell = document.createElement("td");
    const statuscell = document.createElement("td");
    namecell.textContent = "New Student";
    rollcell.textContent = rollnumber;
    statuscell.textContent = status;
    newrow.appendChild(namecell);
    newrow.appendChild(rollcell);
    newrow.appendChild(statuscell);
    tablebody.appendChild(newrow);
    rollnumbers.push(rollnumber);
    attendancedata.push({
        roll : rollnumber,
        status: status
    });
    localStorage.setItem("attendancedata",JSON.stringify(attendancedata));
    totalcount++;
    totalCountEl.textContent =totalcount;
    if (status=="Present") {
        presentcount++;
        presentCountEl.textContent =presentcount;
    }
    else{
        absentcount++;
        absentCountEl.textContent=absentcount;
    }
    rollinput.value ="";
    statusSelect.selectedIndex =0;
});
const tablebody = document.querySelector("tbody");
window.addEventListener("load",function () {
    const savedData =this.localStorage.getItem("attendancedata");
    if (savedData) {
        attendancedata=JSON.parse(savedData);
        attendancedata.forEach(function (item) {
            const roll =item.roll;
            const status = item.status;
            const newrow = document.createElement("tr");
            const nameCell = document.createElement("td");
      const rollCell = document.createElement("td");
      const statusCell = document.createElement("td");

      nameCell.textContent = "Student";
      rollCell.textContent = roll;
      statusCell.textContent = status;

      newrow.appendChild(nameCell);
      newrow.appendChild(rollCell);
      newrow.appendChild(statusCell);

      tablebody.appendChild(newrow);

      totalcount++;

      if (status === "Present") {
        presentcount++;
      } else {
        absentcount++;
      }

      rollnumbers.push(roll);
        });

    totalCountEl.textContent = totalcount;
    presentCountEl.textContent = presentcount;
    absentCountEl.textContent = absentcount;
    }
});