script.js

document.addEventListener("DOMContentLoaded", function () {
  let CSV = document.getElementById("csv");
  let button = document.getElementById("btn");

  CSV.addEventListener("change", (event) => {
    const file = event.target.files[0];
    const reader = new FileReader();

    reader.onload = (e) => {
      const content = e.target.result;
      const rows = content.split("\n").map((row) => row.split(","));

      const table = document.getElementById("table");
      table.innerHTML = "";

      for (let i = 0; i < rows.length; i++) {
        let tr = document.createElement("tr");
        for (let j = 0; j < rows[i].length; j++) {
          let td = document.createElement("td");
          td.textContent = rows[i][j];
          tr.appendChild(td);
        }
        table.appendChild(tr);
      }

      CSV.style.display = "none";
      button.style.display = "block";
    };

    reader.readAsText(file);
  });

  button.addEventListener("click", () => {
    const rows = document.querySelectorAll("#table tr");
    let csvContent = "";

    for (let i = 0; i < rows.length; i++) {
      let row = rows[i];
      let cols = row.querySelectorAll("td");
      let rowContent = "";

      for (let j = 0; j < cols.length; j++) {
        let col = cols[j];
        rowContent += col.textContent + ",";
      }

      csvContent += rowContent.slice(0, -1) + "\n";
    }

    const blob = new Blob([csvContent], { type: "text/csv" });
    const url = window.URL.createObjectURL(blob);

    const a = document.createElement("a");
    a.href = url;
    a.download = "exported_data.csv";
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    window.URL.revokeObjectURL(url);
  });
});