script.js

if (!localStorage.getItem("viewed")) {
  localStorage.setItem("viewed", true);

  if (localStorage.getItem("GPACalculator")) {
    localStorage.removeItem("GPACalculator");
  }
}
var clickedsubmmitbutton = 0;

let CGPAbtn = document.querySelector(".Swiper-btns .CGPA-btn");
let SGPAbtn = document.querySelector(".Swiper-btns .SGPA-btn");
let btnbg = document.querySelector(".Swiper-btns .btns-bg-swiper-element");
let CGPASec = document.querySelector(".CGPA-Section");
let SGPASec = document.querySelector(".SGPA-Section");
SGPAbtn.addEventListener("click", (e) => {
  btnbg.style.transform = "translateX(-62.8px)";

  e.target.style.transform = "scale(1)";
  CGPAbtn.style.transform = "scale(0.9)";
  SGPASec.style.transform = "translateX(50%) scale(1)";
  CGPASec.style.transform = "translateX(100%) scale(0.5)";
  CGPASec.style.opacity = 0;
  SGPASec.style.opacity = 1;
});

CGPAbtn.addEventListener("click", (e) => {
  btnbg.style.transform = "translateX(62.5px)";

  e.target.style.transform = "scale(1)";
  SGPAbtn.style.transform = "scale(0.9)";
  SGPASec.style.transform = "translateX(-100%) scale(0.5)";
  CGPASec.style.transform = "translateX(-50%) scale(1)";
  SGPASec.style.opacity = 0;
  CGPASec.style.opacity = 1;
});

let semesterscount = 1;

// Function to calculate CGPA
function calculateCGPA() {
  let obtainedCGPA = 0;
  let sumofAllSGPA = 0;

  // Loop through each semester input field
  for (let i = 1; i <= semesterscount; i++) {
    let inputsgpavalue = document.getElementById(`input-sem-sgpa-${i}`).value;
    sumofAllSGPA += Number(inputsgpavalue);
  }

  // Calculate CGPA
  obtainedCGPA = (sumofAllSGPA / semesterscount).toFixed(2);

  // Display CGPA
  let obtainedCGPAShow = document.getElementById("obtCGPA");
  obtainedCGPAShow.style.transform = "translateY(15px)";
  obtainedCGPAShow.style.opacity = "0";
  setTimeout(() => {
    obtainedCGPAShow.style.transform = "translateY(0px)";
    obtainedCGPAShow.style.opacity = "1";
    obtainedCGPAShow.innerHTML = obtainedCGPA;
  }, 500);
}

// Making sure that user can't enter more than 10 or less than 0.
function validateInput(event) {
  const input = event.target;
  const value = parseFloat(input.value);
  if (value > 10) {
    input.value = 10;
  } else if (value < 0) {
    input.value = 0;
  }
}
// Listen for changes in the input fields
document
  .getElementById("semesters-input")
  .addEventListener("input", calculateCGPA);

document.getElementById("add-sem-btn").addEventListener("click", () => {
  if (semesterscount + 1 > 10) { return alert("Cannot add more semesters!") }

  const semestersInput = document.getElementById("semesters-input");
  const label = document.createElement("label");
  label.setAttribute("for", `input-sem-sgpa-${semesterscount + 1}`);
  label.textContent = `Enter semester ${semesterscount + 1}'s SGPA`;

  const input = document.createElement("input");
  input.setAttribute("type", "number");
  input.setAttribute("id", `input-sem-sgpa-${semesterscount + 1}`);
  input.setAttribute("required", true);
  input.setAttribute("step", 0.01);
  input.setAttribute("max", 10)
  input.setAttribute("min", 0)
  input.setAttribute("oninput", "validateInput(event)")

  semesterscount++;
  semestersInput.appendChild(label);
  semestersInput.appendChild(input);

  // Calculate CGPA when adding a new input field
  calculateCGPA();
});

// Side Bar Toogle
let arrow = document.getElementsByClassName("arrow")[0];
let featurecontainer = document.getElementsByClassName("features")[0];
arrow.addEventListener("click", function () {
  featurecontainer.classList.toggle("active");
  arrow.classList.toggle("active");
});

var instructionsModal = document.getElementById("instructionsModal");
var instructionsBtn = document.getElementById("instructions-btn");

var resultModal = document.getElementById("resultModal");
var resultcardBtn = document.getElementById("resultcard-btn");

var closeBtns = document.getElementsByClassName("close");

// Function to open the modal
function openModal(modal) {
  modal.style.display = "block";
  // modal.style.transform = "translateX(0)";
}

// Function to close the modal
function closeModal(modal) {
  modal.style.display = "none";
  // modal.style.transform = "translateX(-200%)";
}

// Event listener for instructions button
instructionsBtn.addEventListener("click", function () {
  openModal(instructionsModal);
});

// Event listener for result card button
resultcardBtn.addEventListener("click", function () {
  openModal(resultModal);
});

// Event listeners for close buttons
for (var i = 0; i < closeBtns.length; i++) {
  closeBtns[i].addEventListener("click", function () {
    var modal = this.parentElement.parentElement;
    closeModal(modal);
  });
}
// CUSTOM AlertBox
let alerttext = document.getElementsByClassName("alert")[0];
function alert(message) {
  alerttext.innerHTML = message + '<i class="alert-close">&times;</i>';
  alerttext.classList.add("active");
  document.querySelector(".alert-close").addEventListener("click", () => {
    alerttext.classList.remove("active");
  });
}
// Event listener to close modal if user clicks outside of it
window.addEventListener("click", function (event) {
  if (event.target.classList.contains("modal")) {
    closeModal(event.target);
  }
});

// Result Card Calculations

var submitSubjectBtn = document.getElementById("submit-subject-btn");
var tableBody = document.querySelector("#resultModal table tbody");
var finalGradeValue = document.querySelector(".finalgrade-value");
var finalSGPAValue = document.querySelector(".finalSGPA-value");
var finalPercentageValue = document.querySelector(".finalpercentage-value");
var namebelowassesment = document.getElementById(
  "subject-name-below-assesment"
);
var marksbelowassesment = document.getElementById(
  "obtained-marks-below-assesment"
);
var totalmarksbelowassesment = document.getElementById(
  "total-marks-below-assesment"
);

let DataObj = []; // Object to store subject , total Obtained marks and grade
let subjectcount = 0; // Counter for subjects

var message = document.getElementsByClassName("message")[0];

let inputSubjectName = document.getElementById("input-subject-name");
let inputCreditHours = document.getElementById("input-subject-cr");

inputSubjectName.addEventListener("input", () => {
  let existingSubjectIndex = DataObj.findIndex(
    (subject) => subject.name === inputSubjectName.value.trim()
  );
  // console.log(existingSubjectIndex)
  if (existingSubjectIndex !== -1) {
    message.classList.add("error");
    message.innerHTML =
      "Subject already exists you can update marks for this subject";
    // console.log("GO on")

    inputCreditHours.value = DataObj[existingSubjectIndex].cr;
    inputCreditHours.disabled = true;
  } else {
    message.classList.remove("error");
    message.innerHTML = "";
    inputCreditHours.disabled = false;
  }
});

// Event listener for the submit button
submitSubjectBtn.addEventListener("click", function (event) {
  event.preventDefault(); // Prevent form submission

  inputCreditHours.disabled = true;
  // Retrieve input values
  let inputSubjectName = document
    .getElementById("input-subject-name")
    .value.trim();
  let inputObtMarks = parseFloat(
    document.getElementById("InputObtMarks").value.trim()
  );
  let inputMaxMarks = parseFloat(
    document.getElementById("InputMaxMarks").value.trim()
  );
  let inputWeightage = parseFloat(
    document.getElementById("InputWeightage").value.trim()
  );
  // Validation checks
  if (
    !inputSubjectName ||
    isNaN(inputObtMarks) ||
    isNaN(inputMaxMarks) ||
    isNaN(inputWeightage)
  ) {
    alert("Please fill out all fields with valid values.");
    return;
  }

  if (inputObtMarks > inputMaxMarks) {
    alert("Obtained marks cannot exceed maximum marks.");
    return;
  }

  if (inputWeightage > 100) {
    alert("Weightage cannot exceed 100.");
    return;
  }

  // Check if the subject already exists in DataObj
  // This is also useful for totalmarksforasubject
  let existingSubjectIndex = DataObj.findIndex(
    (subject) => subject.name === inputSubjectName
  );

  let TotalMarksForASubject = DataObj[existingSubjectIndex] ? DataObj[existingSubjectIndex].totalmarks : 0; // total marks for a subject updated dynamically
  let TotalMarks = (TotalMarksForASubject += inputWeightage);

  if (TotalMarks > 100) {
    alert("Total Marks cannot exceed 100.");
    return;
  }

  // When user CLicks on SUBMIT Button then resultcard button will beat
  clickedsubmmitbutton == 0
    ? (clickedsubmmitbutton = 1)
    : (clickedsubmmitbutton = 2);
  if (clickedsubmmitbutton == 1) {
    resultcardBtn.classList.add("clickedsubmit");
    resultcardBtn.addEventListener("click", () => {
      resultcardBtn.classList.remove("clickedsubmit");
    });
  }

  if (existingSubjectIndex !== -1 && existingSubjectIndex !== undefined) {
    // Update existing subject data
    let existingSubject = DataObj[existingSubjectIndex];

    namebelowassesment.textContent = DataObj[existingSubjectIndex].name;

    let totalObtMarksForASubject = calculateTotalObtainedMarks(
      inputObtMarks,
      inputMaxMarks,
      inputWeightage
    );
    let finalObtainedMarks =
      parseFloat(totalObtMarksForASubject) + parseFloat(existingSubject.marks);
    // console.log(finalObtainedMarks);
    if (finalObtainedMarks > 100) {
      alert("Obtained marks in Result Card cannot exceed 100");
      return;
    }
    existingSubject.marks = finalObtainedMarks;
    // Update totalmarks for the existing subject
    existingSubject.totalmarks += inputWeightage;

    let marksCell = document.querySelector(
      `#resultModal table tbody tr[subject-index="${existingSubjectIndex + 1
      }"] td[data-marks]`
    );
    let SubjectGPACell = document.querySelector(
      `#resultModal table tbody tr[subject-index="${existingSubjectIndex + 1
      }"] td[data-gpa]`
    );
    let TotalMarksCell = document.querySelector(
      `#resultModal table tbody tr[subject-index="${existingSubjectIndex + 1
      }"] td[data-totalmarks]`
    );

    if (marksCell && SubjectGPACell) {
      marksCell.setAttribute("data-marks", existingSubject.marks);
      marksCell.textContent = existingSubject.marks;

      marksbelowassesment.textContent = existingSubject.marks;
      totalmarksbelowassesment.textContent = existingSubject.totalmarks;

      TotalMarksCell.setAttribute(
        "data-totalmarks",
        existingSubject.totalmarks
      );
      TotalMarksCell.textContent = existingSubject.totalmarks;
      // Update grade based on percentage
      let percentage = calculatePercentage(finalObtainedMarks, TotalMarks);
      let SubjectGPA = calculateGPA(percentage);
      existingSubject.gpa = SubjectGPA;
      SubjectGPACell.textContent = SubjectGPA;
      SubjectGPACell.setAttribute("data-gpa", SubjectGPA);

      (existingSubject.gradePoint = SubjectGPA * existingSubject.cr),
        message.classList.add("success");
      message.innerHTML =
        "Marks Updated successfully for " + existingSubject.name;
      setTimeout(() => {
        message.classList.remove("success");
        message.innerHTML = "";
      }, 3000);

      updateDataObj();
    }
  } else {
    // Add the subject and its total marks to DataObj
    subjectcount++;
    let totalObtMarksForASubject = Math.round(
      calculateTotalObtainedMarks(inputObtMarks, inputMaxMarks, inputWeightage)
    );
    let percentage = calculatePercentage(totalObtMarksForASubject, TotalMarks);
    let SubjectGPA = calculateGPA(percentage);
    DataObj.push({
      name: inputSubjectName,
      marks: totalObtMarksForASubject,
      gpa: SubjectGPA,
      cr: parseFloat(inputCreditHours.value),
      gradePoint: SubjectGPA * parseFloat(inputCreditHours.value),
      totalmarks: TotalMarks,
    });
    // =================================================================
    // localStorage.setItem(inputSubjectName,totalObtMarksForASubject)
    // =================================================================
    namebelowassesment.textContent = inputSubjectName;
    marksbelowassesment.textContent = totalObtMarksForASubject;
    totalmarksbelowassesment.textContent = TotalMarksForASubject;
    // Create a new row in the result card table
    let newRow = tableBody.insertRow();

    let subjectCell = newRow.insertCell();
    subjectCell.textContent = inputSubjectName;
    subjectCell.setAttribute("subject-index", subjectcount);
    subjectCell.classList.add("subject");

    let marksCell = newRow.insertCell();
    marksCell.textContent = totalObtMarksForASubject;
    marksCell.setAttribute("data-marks", totalObtMarksForASubject);
    marksCell.setAttribute("marks-index", subjectcount);

    let TotalMarksCell = newRow.insertCell();
    TotalMarksCell.textContent = TotalMarks;
    TotalMarksCell.setAttribute("data-totalmarks", TotalMarks);
    TotalMarksCell.setAttribute("totalmarks-index", subjectcount);

    let SubjectGPACell = newRow.insertCell();
    SubjectGPACell.textContent = SubjectGPA;
    SubjectGPACell.setAttribute("data-gpa", SubjectGPA);
    SubjectGPACell.setAttribute("grade-index", subjectcount);

    let CRCell = newRow.insertCell();
    CRCell.textContent = inputCreditHours.value;
    CRCell.setAttribute("data-cr", inputCreditHours.value);
    CRCell.setAttribute("cr-index", subjectcount);

    newRow.insertCell().innerHTML = '<button class="delete-btn">❌</button>';
    newRow.setAttribute("subject-index", subjectcount);

    updateDataObj();
  }
  ClearingInputs();
  updateFinalGradeAndSGPA();
});
function ClearingInputs(name) {
  let SubjectNameInInput = document
    .getElementById("input-subject-name");
  // Clearing Inputsif the user deletes the subject from table.(if the subject that user deleted and the name in input field are same then it will clear the inputs.)
  if (name === SubjectNameInInput.value.trim()) {
    SubjectNameInInput.value = "";
    inputCreditHours.disabled = false;
    marksbelowassesment.textContent = ""
    totalmarksbelowassesment.textContent = "";
    namebelowassesment.textContent = "";
  }

  document.getElementById("InputObtMarks").value = "";
  document.getElementById("InputMaxMarks").value = "";
  document.getElementById("InputWeightage").value = "";
}
// Function to calculate GPA based on percentage
function calculateGPA(percentage) {
  if (percentage >= 85) return "4.00";
  else if (percentage >= 80) return "3.66";
  else if (percentage >= 75) return "3.33";
  else if (percentage >= 71) return "3.00";
  else if (percentage >= 68) return "2.66";
  else if (percentage >= 64) return "2.33";
  else if (percentage >= 61) return "2.00";
  else if (percentage >= 58) return "1.66";
  else if (percentage >= 54) return "1.30";
  else if (percentage >= 50) return "1.00";
  else return "0.00";
}

function calculateTotalObtainedMarks(obtMarks, maxMarks, weightage) {
  return ((obtMarks / maxMarks) * weightage).toFixed(2);
}
function calculatePercentage(obtMarks, totalMarks) {
  return ((obtMarks / totalMarks) * 100).toFixed(2);
}

function calculateGrade(percentage) {
  if (percentage >= 85) return "A";
  else if (percentage >= 80) return "A-";
  else if (percentage >= 75) return "B+";
  else if (percentage >= 71) return "B";
  else if (percentage >= 68) return "B-";
  else if (percentage >= 64) return "C+";
  else if (percentage >= 61) return "C";
  else if (percentage >= 58) return "C-";
  else if (percentage >= 54) return "D+";
  else if (percentage >= 50) return "D";
  else return "F";
}
// // Update final grade and SGPA function
function updateFinalGradeAndSGPA() {
  var totalObtMarks = 0;
  var totalMaxMarks = 0;

  // Loop through each row in the table
  var rows = tableBody.querySelectorAll("tr");
  rows.forEach(function (row) {
    var obtMarks = parseFloat(row.cells[1].textContent);
    var maxMarks = parseFloat(row.cells[2].textContent);

    // Validate obtained and maximum marks
    if (!isNaN(obtMarks) && !isNaN(maxMarks) && maxMarks !== 0) {
      totalObtMarks += obtMarks;
      totalMaxMarks += maxMarks;
    }
  });

  // Calculate SGPA
  var Sgpa = CalculateFinalSGpa();
  var percentage = (totalObtMarks / totalMaxMarks) * 100;
  var grade = calculateGrade(percentage);
  // console.log(totalObtMarks, percentage);
  if (totalObtMarks === 0 && (percentage === 0 || isNaN(percentage))) {
    // console.log("I'm in ");
    finalGradeValue.innerHTML = "__";
    finalSGPAValue.innerHTML = "__";
    finalPercentageValue.innerHTML = "__";
  } else {
    finalGradeValue.innerHTML = grade;
    finalSGPAValue.innerHTML = Sgpa;
    finalPercentageValue.innerHTML = percentage.toFixed(2) + "%";
  }
}
function CalculateFinalSGpa() {
  var totalCR = 0;
  var totalGradePoints = 0;
  DataObj.forEach(function (subject, index) {
    totalCR += parseFloat(subject.cr);
    totalGradePoints += subject.gradePoint;
    // console.log("CR: " + subject.cr + " \ngradePoints: " + subject.gradePoint)
  });
  return (totalGradePoints / totalCR).toFixed(2);
}
// Event delegation for delete buttons
tableBody.addEventListener("click", function (event) {
  if (event.target.classList.contains("delete-btn")) {
    var row = event.target.closest("tr");
    var index = parseInt(row.getAttribute("subject-index"));
    // console.log(DataObj[index - 1].name)
    ClearingInputs(DataObj[index - 1].name);
    // Remove the subject from DataObj
    DataObj.splice(index - 1, 1);

    // Remove the row from the table
    row.parentNode.removeChild(row);

    // Update subject indexes for remaining rows
    var rows = tableBody.querySelectorAll("tr");
    rows.forEach(function (row, newIndex) {
      var newIndexValue = newIndex + 1;
      row.setAttribute("subject-index", newIndexValue);
      row
        .querySelector(".delete-btn")
        .setAttribute("subject-index", newIndexValue);
      row
        .querySelector("td[data-marks]")
        .setAttribute("subject-index", newIndexValue);
      row
        .querySelector("td[data-gpa]")
        .setAttribute("subject-index", newIndexValue);
      row
        .querySelector("td[data-cr]")
        .setAttribute("subject-index", newIndexValue);
      row
        .querySelector("td[data-totalmarks]")
        .setAttribute("totalmarks-index", newIndexValue);
    });

    // Update subject count
    subjectcount = rows.length;

    // Update localStorage and final grade/GPA
    updateDataObj();
    updateFinalGradeAndSGPA();
  }
});

function updateTable() {
  // Clear existing table rows
  tableBody.innerHTML = "";

  // Loop through DataObj and add rows to the table
  DataObj.forEach(function (subject, index) {
    let newRow = tableBody.insertRow();

    let subjectCell = newRow.insertCell();
    subjectCell.textContent = subject.name;
    subjectCell.setAttribute("subject-index", index + 1);
    subjectCell.classList.add("subject");

    let marksCell = newRow.insertCell();
    marksCell.textContent = subject.marks;
    marksCell.setAttribute("data-marks", subject.marks);
    marksCell.setAttribute("marks-index", index + 1);

    let TotalMarks = newRow.insertCell();
    TotalMarks.textContent = subject.totalmarks;
    TotalMarks.setAttribute("data-totalmarks", subject.totalmarks);
    TotalMarks.setAttribute("totalmarks-index", index + 1);

    let SubjectGPACell = newRow.insertCell();
    let percentage = calculatePercentage(subject.marks, subject.totalmarks);
    let SubjectGPA = calculateGPA(percentage);
    SubjectGPACell.textContent = SubjectGPA;
    SubjectGPACell.setAttribute("data-gpa", SubjectGPA);
    SubjectGPACell.setAttribute("grade-index", index + 1);

    let CRCell = newRow.insertCell();
    CRCell.textContent = subject.cr;
    CRCell.setAttribute("data-cr", subject.cr);
    CRCell.setAttribute("cr-index", index + 1);

    newRow.insertCell().innerHTML = '<button class="delete-btn">❌</button>';
    newRow.setAttribute("subject-index", index + 1);
  });
}

function updateDataObj() {
  localStorage.setItem("GradeCalculator", JSON.stringify(DataObj));
}
window.addEventListener("load", function () {
  if (localStorage.getItem("GradeCalculator")) {
    DataObj = JSON.parse(localStorage.getItem("GradeCalculator"));
    // Update the table with loaded data
    updateTable();
    updateFinalGradeAndSGPA();
  }
});

// Download Result Card
document
  .getElementById("download-pdf-btn")
  .addEventListener("click", function () {
    var resultcontent = document.querySelector(
      "#resultModal .result-modal-content .download-result-content"
    );
    html2pdf().from(resultcontent).set({ filename: "result_card.pdf" }).save();
    setTimeout(function () {
      // clearing console
      console.clear();
    }, 2000);
  });

// Offline Message function
window.addEventListener("load", function () {
  var offlineMessage = document.getElementById("offlineMessage");

  function updateOnlineStatus() {
    if (navigator.onLine) {
      offlineMessage.style.display = "none";
    } else {
      offlineMessage.style.display = "flex";
    }
  }

  window.addEventListener("online", updateOnlineStatus);
  window.addEventListener("offline", updateOnlineStatus);
  updateOnlineStatus();
});

let menu_icon = document.getElementsByClassName("menu-icon")[0];

menu_icon.addEventListener("click", (e) => {
  menu_icon.classList.toggle("cross");
  document
    .getElementsByClassName("Menu-links")[0]
    .classList.toggle("menu-open");
  document
    .querySelectorAll(".Menu-links-link")
    .forEach((e) => e.classList.toggle("menu-open"));
});
// Theme Toggler 🌞 -> 🌑 OR 🌑 -> 🌞

const themeToggler = document.querySelector(".theme-toggler");
const body = document.querySelector("body");

themeToggler.addEventListener("click", () => {
  body.classList.toggle("dark-theme");
});

// Image Toggler
let image = document.querySelector(".marksimage");
function toggleFullScreen() {
  if (!document.fullscreenElement) {
    image.requestFullscreen().catch((err) => {
      console.error(
        "Error attempting to enable full-screen mode:",
        err.message
      );
    });
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    }
  }
}

image.addEventListener("click", toggleFullScreen);

document.addEventListener("fullscreenchange", () => {
  if (!document.fullscreenElement) {
  }
});

window.addEventListener("scroll", () => {
  const menuBar = document.querySelector(".Menu-bar");
  if (window.scrollY > 100) {
    menuBar.style.boxShadow = "var(--box-shadow)";
  } else {
    menuBar.style.boxShadow = "none";
  }
});

// Pre-Loader and Fade in function
document.addEventListener("DOMContentLoaded", function () {
  // Showing Updates
  let updatesContainer = document.querySelector(".updates");
  setTimeout(() => {
    updatesContainer.classList.add("show");
  }, 1000);
  setTimeout(() => {
    updatesContainer.classList.remove("show");
    updatesContainer.style.display = "none"
  }, 6000);

  document.querySelector(".loader-container").classList.add("hidden");

  setTimeout(() => {
    setTimeout(() => {
      document.querySelector(".slideup-container").style.display = "none";
    }, 1000);
    document.querySelector(".slideup-tittle").style.transform =
      "translateY(-500%)";
    const slideupbars = document.querySelectorAll(".slideup-bar");

    slideupbars.forEach((e, i) => {
      const transitionDelay = (i + 1) * 0.1;
      e.classList.add("hidden");
      e.style.transitionDelay = `${transitionDelay}s`;
    });

    const fadeElements = document.querySelectorAll(".fade-in");
    fadeElements.forEach((element, index) => {
      element.style.transform = "translateY(0)";
      const transitionDelay = (index + 1) * 0.1;

      element.style.transitionDelay = `${transitionDelay}s`;
    });
  }, 700);
});

Array.from(document.getElementsByClassName("delayed-link")).forEach((link) => {
  link.addEventListener("click", function (event) {
    event.preventDefault();

    document.querySelector(
      ".delayed-link-slide-down-container"
    ).style.transform = "translateY(0)";
    const slidedownbars = document.querySelectorAll(
      ".delayed-link-slidedown-bar"
    );

    slidedownbars.forEach((e, i) => {
      const transitionDelay = (i + 1) * 0.1;
      e.classList.add("showing");
      e.style.transitionDelay = `${transitionDelay}s`;
    });

    setTimeout(() => {
      window.location.href = event.target.href;
    }, 1000);
  });
});