Update app.js

Author: fasih-nasir

app.js

@@ -159,63 +159,3 @@ main.appendChild(div);
 
 
 
-// let num = 0;
-// let boy = 0;
-// let girl = 0;
-// // Load data from localStorage on page load
-// window.onload = function() {
-//     var savedData = localStorage.getItem("students");
-//     if (savedData) {
-//         var students = JSON.parse(savedData);
-//         for (var i = 0; i < students.length; i++) {
-//             addStudentToDOM(students[i]);
-//         }
-//     }
-// };
-// // localStorage.clear()
-// document.getElementById("add").addEventListener("click", () => {
-//     const name = document.getElementById("name").value;
-//     const email1 = document.getElementById("email1").value;
-//     const gender = document.getElementById("gender").value;
-
-//     const student = {
-//         nameof: name,
-//         email1of: email1,
-//         genderof: gender
-//     };
-
-//     const students = JSON.parse(localStorage.getItem("students")) || [];
-//     // console.log(students);
-//     students.push(student);
-//     localStorage.setItem("students", JSON.stringify(students));
-
-//     addStudentToDOM(student);
-//     // updateCounts(students);
-// });
-// // localStorage.clear()
-// function addStudentToDOM(student) {
-//     console.log(student);
-//     const main = document.getElementById("main");
-//     const div = document.createElement("div");
-
-//     div.innerHTML = `
-//         <div class="col-12 d-flex flex-column student-entry">
-//             <div class="d-flex col-12 flex-row justify-content-around align-content-end">
-//                 <div class="d-flex col-10 px-1 mt-3">
-//                     <p class="px-2 col-4">${student.nameof}</p>
-//                     <p class="px-2 col-5">${student.email1of}</p>
-//                     <p class="px-2 col-4">${student.genderof}</p>
-//                 </div>
-//                 <div class="d-flex col-2 flex-row justify-content-end align-content-end">
-//                     <button class="edit-btn">Edit</button>
-//                     <button class="remove-btn">Remove</button>
-//                 </div>
-//             </div>
-//         </div>
-//     `;
-//     main.appendChild(div);
-
-//     div.querySelector('.edit-btn').addEventListener('click', () => editStudent(student, div));
-    // div.querySelector('.remove-btn').addEventListener('click', () => removeStudent(student, div));
-// }
-