Skip to main content
Log in
S

sujshah

@sujshah·3 public vizzes

Loading thumbnail…

HTML Cars Report

This example demonstrates how to generate a simple text-based car report by filtering and formatting car data. It shows a list of cars (with year, make, model, and price) that cost under $2,000, displayed as formatted strings in the browser. The code uses JavaScript modules, promises, and asynchronous data loading: `getCars()` simulates a delayed fetch with `setTimeout`, `formatCar` formats each entry, and `generateReport` filters and joins the results. The report updates a DOM element’s text content after the data resolves, with a “Loading…” message shown initially.

May 2, 2020
Loading thumbnail…

Cars Report

This example shows a text-based report of cars filtered by price, displayed as a list in a large <pre> element. A loading message appears first, then after a two-second delay, the report lists cars under $2000. The code uses JavaScript modules with export/import syntax, a Promise from `getCars` with `setTimeout`, and `Array.filter`, `map`, and `join` in `generateReport` to assemble the formatted output via the `formatCar` function.

May 2, 2020
Loading thumbnail…

HTML Cars Report

This example demonstrates how to generate a simple text-based car report by filtering and formatting car data. It shows a list of cars (with year, make, model, and price) that cost under $2,000, displayed as formatted strings in the browser. The code uses JavaScript modules, promises, and asynchronous data loading: `getCars()` simulates a delayed fetch with `setTimeout`, `formatCar` formats each entry, and `generateReport` filters and joins the results. The report updates a DOM element’s text content after the data resolves, with a “Loading…” message shown initially.

May 2, 2020