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);
});