Item Names from Google Sheet
<html>
<head>
<title>Excel Data Display</title>
</head>
<body>
<h1>Excel Data</h1>
<div id="data-container"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script>
<script>
function displayData(data) {
var container = document.getElementById('data-container');
var html = '<table>';
html += '<tr><th>Name</th><th>Age</th><th>City</th></tr>';
data.forEach(row => {
html += '<tr><td>' + row.Name + '</td><td>' + row.Age + '</td><td>' + row.City + '</td></tr>';
});
html += '</table>';
container.innerHTML = html;
}
fetch('"AIzaSyBmwrN0-Z8aaw7KA4lt1raD-PQ1v9DHQiA"')
.then(response => response.text())
.then(csv => {
Papa.parse(csv, {
header: true,
complete: function(results) {
displayData(results.data);
}
});
})
.catch(error => {
console.error('Error:', error);
});
</script>
</body>
</html>
<head>
<title>Excel Data Display</title>
</head>
<body>
<h1>Excel Data</h1>
<div id="data-container"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script>
<script>
function displayData(data) {
var container = document.getElementById('data-container');
var html = '<table>';
html += '<tr><th>Name</th><th>Age</th><th>City</th></tr>';
data.forEach(row => {
html += '<tr><td>' + row.Name + '</td><td>' + row.Age + '</td><td>' + row.City + '</td></tr>';
});
html += '</table>';
container.innerHTML = html;
}
fetch('"AIzaSyBmwrN0-Z8aaw7KA4lt1raD-PQ1v9DHQiA"')
.then(response => response.text())
.then(csv => {
Papa.parse(csv, {
header: true,
complete: function(results) {
displayData(results.data);
}
});
})
.catch(error => {
console.error('Error:', error);
});
</script>
</body>
</html>