Product Csv File Download [updated] -
<script> // Sample product data let products = [ { id: 1, name: "Laptop Pro X1", category: "Electronics", price: 1299.99, stock: 45, status: "In Stock" }, { id: 2, name: "Wireless Mouse", category: "Accessories", price: 29.99, stock: 120, status: "In Stock" }, { id: 3, name: "Mechanical Keyboard", category: "Accessories", price: 89.99, stock: 78, status: "In Stock" }, { id: 4, name: "4K Monitor 27\"", category: "Electronics", price: 349.99, stock: 23, status: "Low Stock" }, { id: 5, name: "USB-C Hub", category: "Accessories", price: 49.99, stock: 156, status: "In Stock" }, { id: 6, name: "Noise-Canceling Headphones", category: "Audio", price: 199.99, stock: 67, status: "In Stock" }, { id: 7, name: "Smartphone X", category: "Electronics", price: 899.99, stock: 12, status: "Low Stock" }, { id: 8, name: "Laptop Stand", category: "Accessories", price: 39.99, stock: 89, status: "In Stock" }, { id: 9, name: "External SSD 1TB", category: "Storage", price: 129.99, stock: 34, status: "In Stock" }, { id: 10, name: "Webcam HD", category: "Electronics", price: 79.99, stock: 0, status: "Out of Stock" } ];
<div id="reportSummary" class="summary"></div> <div id="productTable"></div> </div> product csv file download
function displaySummary() { const totalProducts = products.length; const totalValue = products.reduce((sum, p) => sum + (p.price * p.stock), 0); const lowStock = products.filter(p => p.status === 'Low Stock').length; const outOfStock = products.filter(p => p.status === 'Out of Stock').length; const summaryHtml = ` <strong>📈 Report Summary:</strong><br> • Total Products: ${totalProducts}<br> • Total Inventory Value: $${totalValue.toFixed(2)}<br> • Low Stock Items: ${lowStock}<br> • Out of Stock Items: ${outOfStock} `; document.getElementById('reportSummary').innerHTML = summaryHtml; } <script> // Sample product data let products =